Vue前端面试总结(十)sessionStorage localStorage cookie 详解

sessionStorage localStorage cookie 的区别

1.生命周期

Cookie:可设置失效时间,默认是关闭浏览器后失效
sessionStorage:仅在当前网页会话下有效,关闭页面或浏览器后就会被清除
localStorage:除非手动清除,否则永久保存

2. 存放数据大小:

cookie:4KB左右
localStorage和sessionStorage:可以保存5MB的信息。

http请求:

cookie:每次都会携带在HTTP头中,如果使用cookie保存过多数据会带来性能问题
localStorage和sessionStorage:仅在客户端(即浏览器)中保存,不参与和服务器的通信。

易用性:

cookie:需要程序员自己封装,源生的Cookie接口不友好
localStorage和sessionStorage:源生接口可以接受,亦可再次封装来对Object和Array有更好的支持

应用场景:

cookie:常用来识别用户登录,不可跨域,限制比较多,会浪费带宽
sessionStorage:常用来保存一些临时的数据,防止用户刷新页面之后丢失了一些参数。
localStorage:可以用来跨页面传递参数

猜你喜欢

转载自blog.csdn.net/Rick_and_mode/article/details/108614689
今日推荐