js数据存储Cookie、localStorage、sessionStorage

localstorage(本地存储)、sessionStorage(会话存储)

①存储特点

  • 存储空间限制:一般为5MB或者更大,拓展了cookie的4KB限制
  • 存储内容类型:只能存储字符串,非字符串的在存储之前会被转为字符串
  • 存储位置:存在客户端,且无需持续的将数据发回服务器

②生命周期

  • localStorage 除非自动清除,否则永远有效
  • sessionStorage 关闭当前页面或浏览器后失效

③与服务端通信

  • 仅在客户端保存,不参与服务端通信

③遵循同源策略 

  • 不同浏览器无法共享localStorage、sessionStorage中的信息
  • 同源情况下,不同页面可以共享相同的localstorage,但无法共享sessionStorage的信息

④优缺点

  • 优势:存储空间更大、节省网络流量、快速显示、安全性更高、操作方便
  • 劣势:在浏览器无痕模式下会被禁用

cookie

①存储特点

  • 存储空间限制:4kb
  • 存储内容类型:只支持存储string类型的数据
  • 存储位置:设置了过期时间:硬盘,未设置过期时间:内存

②生命周期

  • 可设置失效时间,若未设置则在浏览器会话关闭时失效

③与服务端通信

  • 每次都会携带在http请求头中

④缺点:

  • 安全性低(http请求的cookie是明文传递的)
  • cookie始终在同源的http请求中携带,即使不需要,影响性能

⑤cookie属性

①domain属性:cookie的域

浏览器只向指定域中的服务器主机名发送cookie,

产生cookie的服务器可以向响应首部set-cookie添加domain属性来控制哪些域可以看到这个cookie

②path属性: 域中与cookie相关的路径前缀

实现为服务器上特定路径的文档分配cookie

发布了32 篇原创文章 · 获赞 1 · 访问量 2913

猜你喜欢

转载自blog.csdn.net/yyk5928/article/details/102734467