cookie、sessionStorage、localStorage的区别?
- 数据存储位置
三者都是存储在游览器本地的
区别在于cookie是服务器端写入的,而sessionStorage、localStorage是由前端写入的
- 生命周期
cookie的生命周期是由服务器端写入的时候就设置好的
而localStorage一直存在除非手动清除
sessionStorage是在页面关闭后自动清除
- 存储大小
cookie的存储空间大概4KB,sessionStorage和localStorage大概5M
- 数据共享
cookie、sessionStorage、localStorage数据共享都遵循同源原则(协议、域名、端口号),sessionStorage还限制必须在同一个页面
- 发送请求是否携带信息
前端在给后端发送数据的时候会自动携带上cookie的数据,而sessionStorage和localStorage不会
- 应用场景
cookie一般用于存储登录验证信息sessionID和token
sessionStorage可以用来检测用户是否通过刷新进入页面,如音乐播放器恢复播放进度条
localStorage常用于存储不易变动的数据,一定程度上缓解服务器压力