参考资料: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会消失
  • 存储位置 根据过期更变:不设置过期时间,存储在内存中,其他存储在 硬盘中