1、三者区别

  • cookie 用来保存登录信息，大小限制为 4KB 左右
  • localStorage 是 Html5 新增的，用于本地数据存储，保存的数据没有过期时间，一般浏览器大小限制在 5MB
  • sessionStorage 接口方法和 localStorage 类似，但保存的数据的只会在当前会话中保存下来，页面关闭后会被清空。
名称 生命期 大小限制 与服务器通信 是否可以跨域
cookie 一般由服务器生成，可设置失效时间。如果在浏览器端生成 Cookie，默认是关闭浏览器后失效 4KB 每次都会携带在 HTTP 头中，如果使用 cookie 保存过多数据会带来性能问题 一般不可，相同 domain 下可以允许接口请求携带 cookie
localStorage 除非被清除，否则永久保存 5MB 仅在浏览器中保存，不与服务器通信 不可
sessionStorage 仅在当前会话下有效，关闭页面或浏览器后被清除 5MB 仅在浏览器中保存，不与服务器通信 不可

 

2、localStorage 进行怎么进行跨域存储？

localStorage 是不可以进行跨域操作的，但是想进行跨域操作可以使用 postMessage，websocket 进行变相的跨域操作。

 

3、localStorage和sessionStorage的生命周期区别

  • localStorage存储的数据在浏览器关闭后仍然可用，除非用户主动删除；
  • sessionStorage仅在当前浏览器会话期间有效，关闭浏览器或切换标签页后，其存储的数据会被清空。

 

原文链接

 

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。