一、方式
javaScript本地缓存的方法我们主要讲述以下四种：
- cookie
- sessionStorage
- localStorage
- indexedDB
二、区别
关于cookie、sessionStorage、localStorage三者的区别主要如下：
-
存储大小：
cookie数据大小不能超过4k，sessionStorage和localStorage虽然也有存储大小的限制，但比cookie大得多，可以达到5M或更大 -
有效时间：
localStorage存储持久数据，浏览器关闭后数据不丢失除非主动删除数据；sessionStorage数据在当前浏览器窗口关闭后自动删除；cookie设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭 -
数据与服务器之间的交互方式，
cookie的数据会自动的传递到服务器，服务器端也可以写cookie到客户端；sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存
三、应用场景
在了解了上述的前端的缓存方式后，我们可以看看针对不对场景的使用选择：
- 标记用户与跟踪用户行为的情况，推荐使用
cookie - 适合长期保存在本地的数据（令牌），推荐使用
localStorage - 敏感账号一次性登录，推荐使用
sessionStorage - 存储大量数据的情况、在线文档（富文本编辑器）保存编辑历史的情况，推荐使用
indexedDB
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
