本地存储分为cookie、localStorage、sessionStorage

cookie

cookie设计初衷是用来和服务器通讯,而不是本地存储,他只是被借用到本地存储
cookie有一些缺点:存储空间小,最大4k、http请求时需要发送到服务器,增加请求数据量、只能用document.cookie='…' 来修改,太过简陋

localStorage、sessionStorage

在HTML5 中,新加入了一个localStorage/sessionString特性,这个特性主要是用来作为本地存储来使用的,解决了cookie 存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小。

优点:HTML5专门为存储而设计,最大可存5M、API简单易用setItem getItem、不会随着http请求被发送出去

localStorage、sessionStorage不同点
localStorage数据会永久存储,除非代码或手动删除
sessionStorage 数据只会存在于当前会话,浏览器关闭则清空
一般用localStorage会更多一些

注意:localStorage只支持string类型的存储
存:JSON.stringify(转换字符串)
取:JSON.parse

Logo

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

更多推荐