Cookie, LocalStorage 与 SessionStorage的区别（个人整理）

参考链接：http://jerryzou.com/posts/cookie-and-web-storage/

三者都由html5 Web storage API提供（都是在浏览器端存储的数据），方便web请求之间保存数据，避免数据在浏览器和服务器之间不必要地来回传递。

Cookie

1. 非常小，大小限制4kb左右。主要用于保存登陆信息。
2. 每个域名存储量比较小，所有域名的存储量有限制（各个浏览器不同）
3. 随请求发送到服务器

LocalStorage

1. 永久存储
2. 单个域名存储量较大（5M左右，各个浏览器不同）
3. 总体数量无限制

SessionStorage

1. 引入了一个“浏览器窗口”的概念.仅在当前会话下有效，关闭页面或浏览器后被清除。也就是说只要这个浏览器窗口没有关闭，即使刷新页面或进入同源另一页面，数据仍然存在。
2. 存储量大（推荐没有限制， 但是实际上各个浏览器不同）

---

image.png