day211-localStorage、sessionStorage、Cookie

要点

  1. 三者异同
  2. 三者的基本概念

三者异同

特性 Cookie localStorage sessionStorage
生命周期 可由服务器生成,可设置过期时间。如果在浏览器端生成Cookie,默认是关闭浏览器后清除 除非被清除,否则永久保存 仅在当前会话下有效,关闭页面或浏览器后被清除
可存放数据大小 4K左右 5MB左右 5MB左右
与服务器端通信 携带在HTTP头中 不与服务器端通信,仅仅在浏览器中保存 不与服务器端通信,仅仅在浏览器中保存
易用性 接口不友好 相对较容易封装 相对较容易封装

三者的基本概念

localStorage

HTML5新特性,支持IE8+、 IE6+的polyfill可以用userData。localStorage在浏览器的隐私模式下面是不可读取的。

sessionStorage

仅在当前会话下有效,关闭页面或浏览器后被清除。
作用域 如果一个标签页包含多个iframe标签且他们属于同源页面,那么他们之间是可以共享sessionStorage的。

Cookie
生命周期在设置的cookie过期时间之前一直有效。长度和数量的限制。每个domain最多只能有20条cookie,每个cookie长度不能超过4KB。属于旧方法。

文章作者: lmislm
文章链接: http://lmislm.com/2019/08/12/2019-08-12/
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 LMISLMのBlog