cookie,localStorage和sessionStorage三兄弟

吭哧吭哧地复习前端中，既然学的是html5，就一定离不了甜饼君、本地君和会话君这三兄弟

这里没有什么长篇大论，全是我看了长篇大论后自己的粗浅理解。想看真·正儿八经内容的请移步下方网址。

cookie——“小甜饼”，由服务器颁发给客户端，保存了客户端的身份信息，从而当该客户再请求该网站时，判断出其状态（比如，A客户之前登录某个网站的账号，后来他关闭网站（未关浏览器），再打开该网站，由于发送http请求时会一并发送cookie，则服务器能认出它是A，故依然保持着A的登录状态）

localStorage——本地存储，就是永久保存在本地，除非你手残把它删了。不扯那么多高深内容，就举个例子：打开你的浏览器出现的首页，一定是保存在本地的，因为即便你不连网这个首页也还是能刷出来。

sessionStorage——会话存储，不如叫页面存储，当页面关闭时,sessionStorage中的数据就会被清空。很多时候数据只需要在用户浏览一组页面期间使用，关闭窗口后数据就可以丢弃了，这种情况使用sessionStorage非常方便。

三者异同：

特性	cookie	localStorage	sessionStorage
生命周期	一般由服务器生成可设置失效时间。 如果在浏览器端生成cookie默认是关闭浏览器后失效	除非被清除否则永久保存	仅在当前会话下有效，关闭页面 或浏览器后被清除
存放数据大小	4k左右	5MB左右	5MB左右
与服务器通信	每次都会携带在HTTP头中	仅在客户端保存不参与通信	仅在客户端保存不参与通信

资料来源：http://zhidao.baidu.com/link?url=joFnPSvueEDPX1TDdSg0rpPMmiLUcMlP-5hVcROgzXcaP5hkMKdUhbjQYkC8I9fnPmeq8Ea-0h5ijMf9iR8SfgvncrSCPjhfpb_BGD-R-pG

https://segmentfault.com/a/1190000002723469

http://zhidao.baidu.com/link?url=YPgnbefYriQE1N1W5aZUQDKCfSFOztuOaGlQl45U_GYNdXWPqSN9h2kCr9jerPjdX-ladMgLYzxaSkSqEq7xraAG7njaCJaqSXHNplxOeG_