H5本地存储:

1).sessionStorage:临时的会话存储

        只要当前的会话窗口未关闭,存储的信息就不会丢失,即便刷新了页面,或者在编辑器中更改了代码,存储的会话信息也不会丢失。

2).localStorage:永久存储

        会一直将数据存储在客户端的储存方式,即使关闭了浏览器,下次打开的时候仍然可以看到之前存储的未主动清楚的数据(即便是杀毒软件或者浏览器自带的清除功能,也不能将localStorage存储的数据清除掉)

3).Cookie

Cookie是存储在用户计算机上的小文件,保存特定客户端和网站的适量数据,并可以有Web服务器或客户端浏览器访问,允许服务器提供针对特定用户定制的页面,或者页面本身可以包含一些知道cookie中的数据的脚本。

cookie和H5本地存储的区别:

1.cookie兼容所有的浏览器(本地cookie谷歌不支持),storage不支持IE6~8;

2.二者对存储的内容均有大小限制,前者同源情况写一般不能存储4kb的内容,后者同源一般只能存储5MB的数据;

3.cookie有过期时间,localStorage是永久存储(不手动删除的情况);

4.一些浏览器处于安全的角度可能会禁用cookie,但无法禁用localStorage。

cookie的弊端

cookie兼容所有的浏览器,但存储的数据大小有限制,一般同源是4kb;cookie本地存储的数据会被发送到服务器(建议在服务器环境下使用cookie);存在跨域访问问题,浪费宽带等等。

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐