h5新增加的存储方法

h4中使用的cookie把用户信息保存在客户端浏览器,但是它受到很多限制。

大小:最多能存储4k

带宽:它是随着http请求一起发送到服务器的,因此浪费一部分的带宽。

复杂度:操作复杂。

h5新增加了一种在客户端本地存储数据的方法 webstorange,分两种形式sessionStorage和localStorage

sessionStorage:将数据保存在session对象中。所谓session,是指用户在浏览某个网站时,从进入网站到浏览器关闭所经过的这段时间,session对象可用来保存在这段时间内所要求保存的任何数据

localStorage:将数据保存在客户端本地的硬件设备中,即使浏览器关闭了,该数据仍然存在,下次打开浏览器访问网站时仍然可用 区别:sessionStorage为临时保存,localStorage为永久保存。

sessionStorage 临时保存用一窗口的数据 关闭窗口时会删除数据
	存的两种方式
	 一setItem()方法存储:sessionStronge.setItem("test","测试")
	 二通过属性方式存储:  sessionStronge["test"]="测试";
	取
	一getItem()方法取:sessionStronge.getItem()
	二属性方法取:sessionStronge["test"]
	销毁sessionStronge.clear()
	可存储json格式数据 转换成json格式字符串格式存储
	var obj={
	name:"test",
	age:18
	}
	sessionStronge.setItem("test",JSON.stringify(obj));
	localStorange用来作为本地存贮,解决了session存储空间不够的问题
	访问当前域名,关闭当前域名再次打开会存在
	缺陷:高版本支持 ie8以上支持(以下用userData)
	不能被爬虫获取
	浏览器隐私模式下是不可取的
	存储内容过多会是页面变卡
	存
	var storage=window.localStorange;
	storange.setItem("test",3);
	取
	storange.getItem("test");
	全部删除
	storange.clear();
	删除某一个
	storange.removeItem("test");

 

 

在 UniApp 中进行 H5 打包并添加版本号是一项常见的需求,尤其是在需要确保用户访问最内容的情况下。通过给资源文件加上版本号可以有效地避免浏览器缓存导致的问题。 ### 实现步骤 1. **修改 `manifest.json` 文件** - 在项目的根目录下找到 `manifest.json` 配置文件,在其中的 `"h5"` 字段里加入 `baseUrl` 和 `cdnUrl` 参数,并为其附加一个动态生成的查询字符串作为版本号标记。 ```json { "h5": { "title": "项目名称", "vendor": {}, "urlPath": "", "copyRightText": null, "baseUrl": "/?version=1.0.0", // 这里的路径可以根据实际部署情况调整 "cdnUrl": "//cdn.example.com/static?v=1.0.0" } } ``` 2. **自动递增版本号 (可选)** 如果希望每次构建时自动生成的版本号,则可以在打包脚本中集成相关命令来更上述配置项中的版本信息;也可以直接基于时间戳、Git 提交哈希等方式创建唯一的标识符用于替换固定的数字型版本号。 3. **利用 Webpack 插件处理静态资源** 使用类似 webpack-manifest-plugin 或者其他插件帮助你在构建过程中为每个 CSS/JS 等静态文件追加唯一 hash 值的方式管理依赖关系,进而达到防止旧版缓存的效果。 4. **服务端配合设置 Cache-Control** 对于已发布至线上的HTML页面本身及其引用的所有外部链接(包括但不限于CSS样式表及JavaScript脚本),服务器应答头应该包含适当的Cache-Control策略以指导客户端正确存储副本直至版本上线为止。 以上就是关于如何在 UniApp 的H5打包流程里面引入版本控制的基本介绍啦!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值