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