浏览器缓存：Cookie、LocalStorage、SessionStorage的区别

最新推荐文章于 2024-08-22 17:49:29 发布

Grimoire_ll

最新推荐文章于 2024-08-22 17:49:29 发布

阅读量1.8k

点赞数

分类专栏：前端文章标签： javascript

本文链接：https://blog.csdn.net/qq_42264597/article/details/115271793

版权

本文介绍了浏览器缓存的三种方式：Cookie、LocalStorage和SessionStorage。Cookie主要用于保存登录信息，大小限制为4KB，常用于记住密码。LocalStorage在浏览器中长期保存，大小约为5MB，不参与服务器通信。SessionStorage则只在当前会话有效，关闭浏览器后数据消失。三者在生命周期、数据大小、服务器交互和易用性方面存在差异。

摘要由CSDN通过智能技术生成

浏览器缓存：Cookie、LocalStorage、SessionStorage的区别

1、Cookie

cookie 是存储在本地的数据，本身非常小，它的大小限制为4KB左右。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。

2、LocalStorage

仅在客户端保存（即浏览器），不参与和服务器的通信；没有时间限制，即使浏览器关闭，数据依然存在；

localStorage 是 HTML5 标准中新加入的技术，它并不是什么划时代的新东西。早在 IE 6 时代，就有一个叫 userData 的东西用于本地存储，而当时考虑到浏览器兼容性，更通用的方案是使用 Flash。而如今，localStorage 被大多数浏览器所支持，如果你的网站需要支持 IE6+，那以 userData 作为你的 polyfill 的方案是种不错的选择。

（1）创建和访问localStorage

设置数据：

var forgetData = {phone:vm.phone}
localStorage.setItem("forgetData",JSON.Stringfy(forgetData)); //forgetData是存储在localStorage里边的本地数据
Json.Stringfy(forgetData)//将数据转化为字符串格式

获取数据