cookie、LocalStorage、SessionStorage区别
相同点
1.三者都是存储到浏览器本地的
2.都遵循同源策略(SessionStorage 还限制必须是同一页面)
不同点:
1.写入方式不同:
-1-. cookie 是服务器端写入
-2-.localStorage 和 SessionStorage 是由前端写入
2.生命周期不同:
-1-.cookie 是服务器端在写入时就设置好的
-2-.localStorage 是写入就一直存在,除非手动清除。
-3-.SessionStorage 是页面关闭时自动清除。
3.储存空间大小不同
-1-.cookie 大概4kb
-2-.localStorage 和 SessionStorage 大概 5M
4.前端给后端发送请求时会自动携带 cookie 中的数据,但是localStorage 和 SessionStorage 不会。
应用:
1.cookie 存储登陆验证信息 (token/SessionID)
2.localStorage 检测用户是否时刷新进入页面(播放器恢复进度条)
3.SessionStorage 存储不易变动的数据。