【前端学习笔记】web storage 和 cookie的区别

Web Storage实际上由两部分组成：sessionStorage与localStorage。

sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在用一个会话中的页面才能访问并且当会话结束后数据也随之销毁。会话级别的存储。

localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。

---

Web Storage的概念和cookie相似。区别在于Web Storage是为了更大容量存储而设计的。

cookie的大小是受限的，cookie的domain只有20条cookie，每个cookie的长度不超过4KB。并且每次请求一个新的页面的时候，cookie都会被发送过去，这样无形中浪费了带宽。

另外cookie还需要指定作用域，不可以跨域调用。

除此之外，

Web Storage拥有setItem、getItem、removeItem、clear等方法，不像cookie，需要前端开发者自己封装setCookie、’getCookie。

但是Cookie是不可或缺的。

cookie的作用是与服务器进行交互，作用HTTP规范的一部分而存在，而Web Storage仅仅是为了在本地存储而生。

localStorage和sessionStorage都具有相同的操作方法，例如setItem、getItem和removeItem。

---

Web Storage的优势：

存储空间：

存储空间更大，IE8下每个独立的存储空间为10M，其他浏览器实现略有不同，但都比Cookie要大很多。

服务器：

存储内容不会发送到服务器，当设置了cookie后，cookie的内容会随着请求一并发送到服务器，这对于本地存储的数据是一种带宽浪费。而Web Storage中的数据仅仅是存在本地，不会与服务器发生任何交互。

接口：

更多丰富易用的接口，Web Storage提供了一套更为丰富的接口，使得数据操作更为简便。

存储空间：

独立的存储空间，每个域（包括子域）有独立的存储空间，每个存储空间是完全独立的，因此不会造成数据混乱。

---

---

---

学习一门技能，就是一个自我成长的过程。我们必须经过反复练习和重重挫折，最终强壮起来。

这个过程如果是成长，那么一定就是让自己满足的。

时代在变化。如果有不变的东西，那就是变化本身。

变化是我们时代的主旋律，我们也处在互联网巨变的前夜。

保持自己改变的精神，是未来的第一竞争力。

如果可以，请你和我同行！！一起探索互联网知识的边界！

——950307435—— 前端开发学习工作小屋——扫一扫，我们结伴而行——