前端中cookie和localStorage的区别

Cookie本身不用于服务器端存储（在计算机领域有很多这种“狗拿耗子”的例子，例如CSS中的浮动）。

它们旨在在服务器和客户端之间传输信息。

因此，我们发出的每个HTTP请求都带有cookie。

然而，cookie还具有在浏览器端存储的能力（例如记住用户名和密码），因此被开发人员使用。

?使用起来也非常简单，`document.cookie = ....`即可。

cookie有它致命的缺点：?

存储量太小，只有 4KB

所有 HTTP 请求都带着，会影响获取资源的效率

API 简单，需要封装才能用

localStorage是专门为了浏览器端缓存而设计的。

优点是：

存储量增大到 5MB

不会带到 HTTP 请求中

API 适用于数据存储 `localStorage.setItem(key, value)` `localStorage.getItem(key)`

?`sessionStorage的区别在于，它是根据会话的过去时间实现的，

而“localStorage”将在不同的应用场景中永久有效。

例如，一些需要及时失效的重要信息被放在“sessionStorage”中，

而一些不重要但不常设置的信息则被放置在“localStorage”中。