cookie、localStorage、sessionStorage区别

转载 (原文地址) 18500837213 随笔 前端 219阅读 2017-05-27 11:06:52 举报
最近面试遇到这道题目,总结一下,三者的区别。

1.cookie:可设置失效时间,默认是关闭浏览器后失效,4K左右,每次都会携带在HTTP头中,如果使用cookie保存过多数据会带来性能问题,需要程序员自己封装,源生的Cookie接口不友好。
2.localStorage:除非被清除,否则永久保存,一般为5MB,仅在客户端(即浏览器)中保存,不参与和服务器的通信,源生接口可以接受,亦可再次封装来对Object和Array有更好的支持。
2.sessionStorage:仅在当前会话下有效,关闭页面或浏览器后被清除,一般为5MB,仅在客户端(即浏览器)中保存,不参与和服务器的通信,源生接口可以接受,亦可再次封装来对Object和Array有更好的支持。

应用场景:
因为考虑到每个 HTTP 请求都会带着 Cookie 的信息,所以 Cookie 当然是能精简就精简啦,比较常用的一个应用场景就是判断用户是否登录。针对登录过的用户,服务器端会在他登录时往 Cookie 中插入一段加密过的唯一辨识单一用户的辨识码,下次只要读取这个值就可以判断当前用户是否登录啦。曾经还使用 Cookie 来保存用户在电商网站的购物车信息,如今有了 localStorage,似乎在这个方面也可以给 Cookie 放个假了
而另一方面 localStorage 接替了 Cookie 管理购物车的工作,同时也能胜任其他一些工作。比如HTML5游戏通常会产生一些本地数据,localStorage 也是非常适用的。如果遇到一些内容特别多的表单,为了优化用户体验,我们可能要把表单页面拆分成多个子页面,然后按步骤引导用户填写。这时候 sessionStorage 的作用就发挥出来了。
评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复