本地储存 localstorage 对比 cookie

最新推荐文章于 2023-05-09 19:50:59 发布

王者琦

最新推荐文章于 2023-05-09 19:50:59 发布

阅读量378

点赞数

文章标签： html5 javascript html

本文链接：https://blog.csdn.net/weixin_57322537/article/details/120746105

版权

本文对比了浏览器中的localStorage和cookie两种存储方式，包括存储方式、数据大小、操作权限、有效期、安全性及是否随请求发送。同时，介绍了Vuex作为前端状态管理库与localStorage/cookie的区别，强调了它们在存储速度和数据持久性上的差异。

摘要由CSDN通过智能技术生成

localstorage 对比 cookie
1、存储方式和数据大小
localStorage 基于磁盘最大存储 5MB
cookie 基于磁盘最大存储 4KB
2、谁来操作
localstorage 只能客户端操作 js完成
cookie 客户端 + 服务器操作(主流方式) 服务器操作工作中一般叫种cookie
3、是否有失效时间
localstorage 除非手动清除，否则一直存在
cookie 可以自定义失效时间
4、哪个更安全
cookies更安全设置只读属性，能看见但是js无法获取操作
5、是否跟着请求头一起走
cookie 一旦存在会在请求头中自动携带，cookie始终在同源的http请求在携带(即使不需要)
6、都不能跨域取数据，虽然都在本地存着，但是不能跨域获取去数据

vuex 和 localstorage/cookie 的区别
基于储存方式
vuex 基于内存读取速度快，刷新就丢失
localstorage/cookie 基于磁盘刷新不丢失，存取会比较慢