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常用于存储不易变动的数据,一定程度上缓解服务器压力

posted @ 2022-05-02 09:21  Du9191  阅读(169)  评论(0编辑  收藏  举报