【总结版】一张图带你了解本地存储Cookie、LocalStorage、SessionStorage的区别

以上是自己画的思维导图、欢迎大佬指正,Thanks♪(・ω・)ノ

具体文字版如下:
1、 存储大小不同:
 cookie: 4K
session : 5M
local:5M
2 、数据有效期不同:
cookie可以设置, 设置过期时间, 也可以手动清空
session:浏览器关闭前有效
local:永久有效
3 、作用域:
cookie在所有同源窗口共享
session仅在一个浏览器共享,不同浏览器不共享
local在所有同源窗口共享
4 、通信:
cookie: 通过http,在浏览器和服务器传递,一般会携带在http请求的头部中。例如一些关键密匙验证等,所以是不安全的
session仅在客户端
local仅在客户端
5、 应用:
cookie判断用户是否登陆过,记忆密码自动登录,但是不安全,储存空间小,操作也麻烦。
session敏感账号一次登录,关闭浏览器删除
local个人长期登录, 长期保存数据

猜你喜欢

转载自blog.csdn.net/m0_71981318/article/details/125372319