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

特殊说明：
上述文章均是作者实际操作后产出。烦请各位，请勿直接盗用！转载记得标注原文链接：www.zanglikun.com
第三方平台不会及时更新本文最新内容。如果发现本文资料不全，可访问本人的Java博客搜索：标题关键字。以获取全部资料 ❤