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的痛苦。

万物皆入轮回,谁也躲不掉!

以上文章,均是我实际体验,写出来的笔记资料,不会出现全文盗用别人文章!烦请各位,支持下原创,请勿直接盗用,有条件的可以开通个会员支持下,谢谢!!!

Java Code Study » loacalStorage & sessionStorage & 前端 存储

招聘、单纯问问题,都可以联系我

加我QQ 公司缺人,拉我入伙