cookie,localStorage,SessionStorage三者的区别

基本概念

cookie
cookie英文饼干，顾名思义，大小应该非常小，cookie非常小，它的大小限制在4kb左右，是网景公司的前雇员在1993年发明。它的主要用于保存登陆信息，比如你登陆某个网站市场可以看到'记住密码’,这就是通过在cookie中存入一段辨别用户身份的数据来实现的。

localStorage
localStorage是HTML5标准中新加入的技术，当然早在IE6时代就有一个userData的东西用于本地存储，而当时考虑到浏览器的兼容性，更通用的方案是使用flash。如今localStorage被大多数浏览器所支持。

sessionStorage
sessionStorage与localStorage的接口类似，但保存数据的生命周期与localStorage不同，做过后端的同学都知道Session这个词，翻译过来就是会话。而sessionStorage是前端的一个概念。它只是可以将一部分数据在当前会话中保存下来，刷新页面数据依旧存在。但是叶敏啊关闭后，sessionStorage中的数据就会被清空。

有效期不同

Cookie 只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭。

localStorage 永久性存储，除非被永久性删除

sessionStorage 会话式存储，会话结束时数据会被清空 

存放数据的大小不同

Cookie 一般为4kb

localStorage和sessionStorage 一般为5mb

与服务器端通信不同

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

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