Web 存储全攻略。

1. Cookie

更详细的说明：https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Cookies

<aside> 💡 不是「小甜饼」，而是：某些网站为了辨别用户身份，进行 Session 跟踪而储存在用户本地终端上的数据（通常经过加密），由用户客户端计算机暂时或永久保存的信息。

</aside>

**特点：**以 key = value 的形式存储，如

document.cookie = "user=meeken; expires=Thu, 18 Dec 2019 12:00:00 GMT";
// 过期时间为 UTC 或 GMT 时间

大小限制： ≤ 4kb

个数限制： ≤ 20（IE6），≤ 50（Firefox，IE7+），不设限（Chrome，Safari）

使用场景：

1. 保存用户登录状态
2. 跟踪用户行为
3. 个性化定制
4. 创建购物车 …等等

优点：

1. 无兼容问题（所有浏览器都支持）