浏览器存储
浏览器存储有三种方式
- cookie
- sessionStorage
- localStorage
cookie主要是存放用户登录凭证、会话状态等，它在同域请求下会自动被携带，因此不宜存放过多信息。
storage目前主流浏览器都已经支持，如果要存储的信息不需要作为cookie发送到服务器，则建议存入storage中。
| 方法/区别 | cookie | sessionStorage | localStorage |
|---|---|---|---|
| 存储时间 | 可设置失效时间，默认是关闭浏览器 | 在当前网页会话下有效，关闭页面或浏览器后就会被清除 | 除非被手动清除，否则将会长期保存。 |
| 存储大小限制 | 4kb左右 | 5m | 5m |
| http请求 | 同域请求会被写到http头中 | 仅保存在客户端 | 仅保存在客户端 |
| 易用性 | 需要封装 | 可以直接使用 | 可以直接使用 |
| 应用场景 | 存储用户身份信息，如token等 | 存储仅在当前会话需要的信息 | 存储需要长期保存的信息 |
| 兼容性 | 兼容性非常好 | html5新特性，部分浏览器不支持 | html5新特性，部分浏览器不支持 |