cookie localStorage sessionStorage的区别
| 特性 | cookie | localStorage | sessionStorage |
| 大小 | 4KB | 5MB (每个host） | |
| 生存时间 | 一般由服务器生成，设置失效时间。如果在浏览器端生成，默认是关闭浏览器后失效。 | 除非被删除，否则永久保存 | 仅在当前会话下有效，关闭页面就会被清除 |
| 通信 | 每次通信都会携带在HTTP请求头中，一定程度上会影响通信的性能。 | 保存在浏览器中，不参与网络通信 | |
| 易用性 | 原生的cookie接口不友好 | 原生接口比较友好 | |
| 用法 |
前端修改方式： document.cookie = "a=100" document.cookie = "b=200" document.cookie // "a=100; b=200" |
方法： key(i) .length getItem() setItem() removeItem() clear() 例： localStorage.getItem("key")、localStorage.setItem("key", "val")、 localStorage.removeItem("key")、localStorage.clear() |
|
