参考资料:localstorage https://www.cnblogs.com/st-leslie/p/5617130.html
首先,我们要了解 前端 调试中 F12 点击 Application 中 storage 的作用
![](https://zanglikun-1301023078.cos.ap-nanjing.myqcloud.com/2021/02/1613811667-78805a221a988e7-1024x514.png)
其中有
- 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会消失
- 存储位置 根据过期更变:不设置过期时间,存储在内存中,其他存储在 硬盘中
特殊说明: 以上文章,均是我实际操作,写出来的笔记资料,不会盗用别人文章!烦请各位,请勿直接盗用!转载记得标注来源!