吭哧吭哧地复习前端中,既然学的是html5,就一定离不了甜饼君、本地君和会话君这三兄弟
这里没有什么长篇大论,全是我看了长篇大论后自己的粗浅理解。想看真·正儿八经内容的请移步下方网址。
cookie——“小甜饼”,由服务器颁发给客户端,保存了客户端的身份信息,从而当该客户再请求该网站时,判断出其状态(比如,A客户之前登录某个网站的账号,后来他关闭网站(未关浏览器),再打开该网站,由于发送http请求时会一并发送cookie,则服务器能认出它是A,故依然保持着A的登录状态)
localStorage——本地存储,就是永久保存在本地,除非你手残把它删了。不扯那么多高深内容,就举个例子:打开你的浏览器出现的首页,一定是保存在本地的,因为即便你不连网这个首页也还是能刷出来。
sessionStorage——会话存储,不如叫页面存储,当页面关闭时,sessionStorage中的数据就会被清空。很多时候数据只需要在用户浏览一组页面期间使用,关闭窗口后数据就可以丢弃了,这种情况使用sessionStorage非常方便。
三者异同:
特性 | cookie | localStorage | sessionStorage |
生命周期 | 一般由服务器生成可设置失效时间。 | 除非被清除否则永久保存 | 仅在当前会话下有效,关闭页面 |
存放数据大小 | 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_