在浏览器中存储数据——Cookie、LocalStorage、SessionStorage、IndexedDB

内容参考自https://zh.javascript.info/data-storage

Cookie

Cookie 通常是由 Web 服务器使用响应 Set-Cookie HTTP-header 设置的。然后浏览器使用 Cookie HTTP-header 将它们自动添加到（几乎）每个对相同域的请求中。

可以使用document.cookie属性从浏览器访问cookie。

document.cookie 的值由 name=value 对组成，以 ; 分隔。每一个都是独立的 cookie。

我们可以写入 document.cookie。但这不是一个数据属性，它是一个 访问器（getter/setter）。对其的赋值操作会被特殊处理。

对 document.cookie 的写入操作只会更新其中提到的 cookie，而不会涉及其他 cookie。

存在一些限制：

encodeURIComponent 编码后的 name=value 对，大小不能超过 **4KB。**因此，我们不能在一个 cookie 中保存大的东西。
每个域的 cookie 总数不得超过 20+ 左右，具体限制取决于浏览器。

expires，max-age

默认情况下，如果一个 cookie 没有设置这两个参数中的任何一个，那么在关闭浏览器之后，它就会消失。此类 cookie 被称为 "session cookie”。

• 为了让 cookie 在浏览器关闭后仍然存在，我们可以设置 expires 或 max-age 选项中的一个。
• 如果我们将 expires 设置为过去的时间࿰