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仅在当前浏览器会话期间有效，关闭浏览器或切换标签页后，其存储的数据会被清空。
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。
