前端知识汇编
- 1. 浅析cookie sessionStorage localStorage
1. 浅析cookie sessionStorage localStorage
cookie、Web Storage
同:
- 保存在浏览器端
- 都有同源限制(cookie:与特定域绑定,不被其他域访问;sessionStorage:与会话绑定;localStorage:来自相同域,子域不行)
异:
- 所有cookie都会作为请求头部由浏览器发送给服务器(在浏览器与服务器之间来回传递);webStorage只存在浏览器本地;
- 存储空间大小不同,cookie一般只有4kb;webStorage的大小由浏览器限制,一般有5MB;
- 生命周期不同。cookie可设置过期时间;localStorage没有手动清除就会一直在;sessionStorage在会话结束时被清掉
- 应用场景不。Cookie一般用于存储登录验证信息SessionID或者token,LocalStorage常用于存储不易变动的数据,减轻服务器的压力,SessionStorage可以用来检测用户是否是刷新进入页面,如音乐播放器恢复播放进度条的功能。