简述cookie、localStorage、sessionStorage

Web存储的发展史：

Web存储

目前受人关注的三种Web存储方式：

• cookies:

只适合小容量的数据存储，它会在同源的http请求中来回传递，因此会一定程度上影响网站的性能，原生的API不友好

• localStorage:

可以实现永久存储，通过事件监听可以实现多个标签页的通信

• sessionStorage:

针对一个 会话（session） 进行数据存储。当用户关闭该标签页或者浏览器后，数据通常会被删除。

attentions:

1. localStorage和sessionStorage是html5引入的两种Web存储方式，浏览器支持情况较好（IE8提供了支持）。
2. 使用sessionStorage，页面刷新后，数据仍有效。

cookie、localStorage、sessionStorage的区别（常见面试题）：

三者的区别主要在于数据的生存期和存储容量。关于数据生存期，cookie数据的生存期取决于开发人员或者用户的设置，localStorage可以实现永久存储，sessionStorage仅在窗口关闭之前有效。关于数据储存容量，cookie大概是4k，localStorage和sessionStorage可以达到5M以上（浏览器间略有差异）。同时，它们也有其它的一些差异。比如，跨标签页通信只能使用localStorage，而要跟服务器交流则要通过cookie，localStorage和sessionStorage的API比起cookie好用多了......

参考链接：

---

• MDN-使用 WebStorage API
• HTML5 LocalStorage 本地存储
• 详说 Cookie, LocalStorage 与 SessionStorage