loacalStorage & sessionStorage & 前端 存储

参考资料：localstorage https://www.cnblogs.com/st-leslie/p/5617130.html

首先，我们要了解 前端 调试中 F12 点击 Application 中 storage 的作用

其中有

• local Storage
• Session Storage
• indexed DB
• Web SQL
• Cookies

目前Cookie，已经 被爆出 各种各样的安全问题，以及 Cookie 只能存储 4kb 的数据。

html5 新标准中 引入 Web Storage的一种存储方式，其中包含了 localStorage 和 sessionStorage一样都是用来存储客户端临时信息的对象

他们之间的区别

Local Storage

• 可以持久化存储本地数据 一般浏览器可存储 5M数据，
• 不同浏览器会不同，高版本浏览器才支持。
• localStorage 不能被爬虫抓取到 。
• 一般 都是存储String 格式。如果存储Json，就会比较复杂
• 只读数据。无过期时间，手动删除。重新添加。

Session Storage

• 仅仅是会话级别的存储本地数据，浏览器打开，会话开始，浏览器关闭，会话结束 数据销毁。

Cookies

• 单个cookie保存的数据不能超过4kb
• 安全性低下 cookie：针对cookie所存在的攻击：Cookie欺骗
• 可选择 是否过期，过期的cookie会消失
• 存储位置 根据过期更变：不设置过期时间，存储在内存中，其他存储在 硬盘中

特殊说明： 解决问题的光鲜，藏着磕Bug的痛苦。 万物皆入轮回，谁也躲不掉！ 以上文章，均是我实际操作，写出来的笔记资料，不会出现全文盗用别人文章！烦请各位，请勿直接盗用！