localstorage 和 sessionStorage 及 Cookie 的差异？

1. 存储容量：
   ○ localStorage 和 sessionStorage 的存储容量通常较大，可以存储几兆字节的数据。
   ○ Cookie 的存储容量较小，一般限制在几千字节左右。
2. 生命周期：
   ○ localStorage：数据永久保存，除非被显式删除或通过 JavaScript 代码清除。
   ○ sessionStorage：数据仅在当前会话中有效，会话结束后（关闭标签页或浏览器）数据会被清除。
   ○ Cookie：可以设置过期时间，可以在指定时间后过期，或在浏览器关闭时自动清除。
3. 存储位置：
   ○ localStorage 和 sessionStorage 的数据存储在浏览器的本地存储区域。
   ○ Cookie 的数据存储在浏览器的 Cookie 文件中。
4. 数据与服务器交互：
   ○ localStorage、sessionStorage 和 Cookie 的数据在每个 HTTP 请求中都会被自动发送到服务器。
   ○ 服务器可以通过 HTTP 请求头中的 Cookie 字段读取 Cookie 的值。
5. 访问权限：
   ○ localStorage、sessionStorage 和 Cookie 的数据都在客户端（浏览器）存储，因此可以被客户端脚本（如 JavaScript）读取和修改。
   ○ Cookie 的访问权限可以通过设置 Secure 和 HttpOnly 属性进行限制。
6. 存储方式：
   ○ localStorage 和 sessionStorage 以键值对的形式存储数据，可以通过 JavaScript 提供的 API 进行读写操作。
   ○ Cookie 以字符串的形式存储数据，通过设置 document.cookie 属性进行读写操作。

如果需要长期保存数据并在不同会话间共享，可以使用 localStorage。如果需要在当前会话中临时保存数据，可以使用 sessionStorage。如果需要在每个请求中将数据发送到服务器，或者需要设置过期时间，可以使用 Cookie。