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