cookie、localStorage和sessionStorage区别

cookie

　　主要用于保存登陆信息，比如你登陆某个网站可以看到‘记住密码’,这就是通过在cookie中存入一段辨别用户身份的数据来实现的;

localStorage

　　HTML5标准中新加入的技术，被大多数浏览器所支持；

sessionStorage

　　可以将一部分数据在当前会话中保存下来，刷新页面数据依旧存在。但是页面关闭后，sessionStorage中的数据就会被清空；

三者的异同

　　数据上的生命周期的不同

　　　　Cookie 一般由服务器生成，可设置失效时间，如果在浏览器端生成cookie，默认是关闭后失效。

　　　　ocalStorage 除非被永久清除，否则永久保存。

　　　　sessionStorage 仅在当前会话会有效，关闭页面或浏览器后被清除

　　存放数据的大小不同

　　　　Cookie 一般为4kb

　　　localStorage 和 sessionStorage 一般为5MB

　　与服务器端通信不同

　　　　Cookie 每次都会携带HTTP头中，如果使用cookie保存过多数据会带来性能问题

　　　localStorage 和 sessionStorage 仅在客户端（即浏览器）中保存，不参与和服务器的通信。

　　易用性

　　　　Cookie 需要程序员自己来封装，原生的cookie接口不够友好

　　　localStorage 和 sessionStorage 原生接口可以接受，可以封装来对Object和Array有更好的支持。

参考链接：https://www.cnblogs.com/yaogengzhu/p/11006547.html

原文：https://www.cnblogs.com/zhangweigang/p/12419190.html