cookies sessionStorage 和localStorage的区别：

最新推荐文章于 2022-09-07 20:41:55 发布
最新推荐文章于 2022-09-07 20:41:55 发布
阅读量300 收藏 1
点赞数 1
分类专栏： HTML5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mumu1998/article/details/82858904
版权

首先它们都是浏览器端存储的数据。 

sessionStorage 和localStorage是HTML5 WEB Storage API提供的，可以方便的在web请求之间保存数据，有了本地数据，就可以避免数据在浏览器和服务器之间不必要的来回传递。

sessionStorage只有浏览器窗口没有关闭，即使刷新页面或进入同源另一个页面，数据仍然存在。但是关闭窗口后，sessionStorage就被销毁。

cookies会发送到服务器端，其它两个不会。

cookie：

每个域名储存量比较小

所有域名存储量有限制

会随请求发送到服务器

localStorage：

永久储存

单个域名存储量比较大

总体个数无限制

sessionStorage ：

只在session内有效

存储量更大

mumu1998
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
cookies，sessionStorage 和 localStorage 的区别1
08-08
cookies、sessionStorage 和 localStorage 的区别 cookies、sessionStorage 和 localStorage 是三个常用的浏览器端存储机制，它们都可以在浏览器端存储数据，但它们之间有着很大的不同。 cookies cookies 是一种...
请描述一下 cookies，sessionStorage 和 localStorage 的区别？
最新发布
10-18
请描述一下 cookies，sessionStorage 和 localStorage 的区别？
cookies、localStorage 、sessionStorage 的区别
weixin_47227886的博客
04-10 5341
介绍：cookie，意思是小甜饼，顾名思义，cookie 确实非常小，它的大小限制为 4KB 左右；每个 HTTP 请求都会带着 Cookie 的信息，所以 Cookie 当然是能精 简就精简！常用的应用场景：判断用户是否登录。介绍：localStorage，它是 HTML5 标准中新加入的技术，localStorage 已经被大多数浏览器所支持； sessionStorage，它与 localStorage 的接口类似，但保存数据的生命周期与 localStorage 不同，它只是
session、cookie、WebStorage（sessionStorage，localStorage）区别
huhm_evget的博客
04-21 544
cookie 天生就是最适合做认证，他们最大的区别是：每次 request 都会自动在 header 中带上所有的 cookie。 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 cookie机制 如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称会话cookie。如果在浏览器中
cookie 、sessionstorage 、localstorage三者的区别
热门推荐
weixin_45541388的博客
06-21 1万+
cookie、loacalstorage、sessionstorage的区别
cookies，sessionStorage 和 localStorage 的区别
小草莓的博客
07-05 692
① 存储大小不同localStorage：具有更大的存储空间，通常是5M或者更多；cookie：大小不能超过4K；
cookie、session、localStorage 和 sessionStorage 区别及应用场景
weixin_43190804的博客
02-23 3952
1.概念理解 Cookie它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。 localStorage 是 HTML5 标准中新加入的技术，localStorage的生命周期是永久性的。假若使用localStorage存储数据，即使关闭浏览器，也不会让数据消失，除非主动的去删除数据。 sessionStorage 与 localStorage 的接口类似，相较cookie一般存储大一些的数据，但保存数据的生命周期与
详解Vue中localstorage和sessionstorage的使用
08-28
详解Vue中localstorage和sessionstorage的使用 在 Vue 项目中，localstorage 和 sessionstorage 是两个常用的客户端存储机制。它们可以帮助开发者存储一些数据，以便于后续使用。但是，在实际项目中，直接使用 ...
超级存储：Cookie，localStorage和sessionStorage javascript帮助器
02-18
超级存储为cookie，localStorage和sessionStorage提供了一些帮助。 1Kb压缩 存储所有类型的值（对象和数组） 空时的默认值 前缀键 会话保持在标签之间 安装 安装npm软件包 npm install @jaysalvat/super-...
ngx-store：Angular装饰器可以自动将变量保留在HTML5 LocalStorage，SessionStorage，Cookie中； 可注入服务，用于管理和侦听数据更改等
02-01
角度存储Cookie，会话和本地存储的装饰器和服务该库添加了装饰器，使使用HTML5的localStorage和sessionStorage自动保存和恢复变量变得非常容易。 它还提供了Angular-Injectable Session-和LocalStorageService。包括...
Cookie、SessionStorage、 LocalStorage的区别
qq_52499745的博客
09-07 335
Cookie、SessionStorage、 LocalStorage的区别
cookie、session和token那些事
doprasystem的博客
01-19 8271
cookie 和 session 众所周知，HTTP 是一个无状态协议，所以客户端每次发出请求时，下一次请求无法得知上一次请求所包含的状态数据，如何能把一个用户的状态数据关联起来呢？ 比如在淘宝的某个页面中，你进行了登陆操作。当你跳转到商品页时，服务端如何知道你是已经登陆的状态？ cookie 首先产生了 cookie 这门技术来解决这个问题，cookie 是 ht
关于sessionStorage 、localStorage 和 cookie
山鬼谣弋痕夕的博客
07-14 1705
sessionStorage 、localStorage 和 cookie 之间的区别共同点：都是保存在浏览器端，且同源的。区别： 1:cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。 cookie数...
cookies、sessionStorage和localStorage的区别
m0_50867898的博客
07-04 153
cookies、sessionStorage和localStorage的区别 cookies：网站用来标记用户身份的一段数据，通常情况是一段加密的字符串，并且默认情况下只会在同源的HTTP请求中携带。 sessionStorage：浏览器本地存储的一种方式，数据以键值对的形式存储，并且存储的数据会在浏览器关闭后进行清空。 localStorage:浏览器本地存储的一种方式，数据以键值对的形式存储，与sessionStorage存储方式不同的是，localStorage存储的是持久化数据，在浏览器关闭后也不
【前端】描述cookies，sessionStorage和localStorage的区别
一只咸鱼
01-23 1782
汇总一下网络上的说法 链接：https://www.nowcoder.com/questionTerminal/e104d1a0512a42b5b8c61e43a4bc3d34           http://www.w3school.com.cn/html5/html_5_webstorage.asp cookie是小甜饼的意思。顾名思义，cookie确实非常小，它的大小限制
数据缓存sessionStorage、localStorage、cookie、session间的区别与联系
赏樱看雪撸代码
05-10 6535
 核心三步曲：创建-获取-清除（回收） sessionStorage.setItem("key","123"); sessionStorage.getItem("key"); sessionStorage.removeItem("key"); sessionStorage.clear();//清除所有 主要作用：用来存储客户端临时信息的对象【数据临时存放区，能在一定程度上减少与服务器的...
前端面试题：cookies，sessionStorage 和 localStorage 的区别？
qq_32085647的博客
09-17 2016
sessionStorage 和 localStorage 是HTML5 Web Storage API 提供的，可以方便的在web请求之间保存数据。有了本地数据，就可以避免数据在浏览器和服务器间不必要地来回传递。 sessionStorage 、localStorage 和 cookie 之间的区别 共同点：都是保存在浏览器端，且同源的。 区别： cook
js 前端存储
wlm_0214的博客
09-02 210
https://www.cnblogs.com/pengc/p/8714475.html 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。 一、cookie和session cookie和session都是用来跟踪浏览器用户身份的会话方式。 区别： 1、保持状态：cookie保存在浏览器端，session保存在服务器端...
Web前端面试指导(四十三)：请描述一下 cookies，sessionStorage 和 localStorage 的区别？
雄领IT的专栏
10-13 7868
题目点评 这是一种对比性比较强的问题，可以先说他们的相同点，然后就是要详细阐述他们的不同点，而不同点不要刻意去对比，只要说出各自的特点，自然他们的不同点就出来了。 解决方法 相同点：都存储在客户端 不同点： 1.存储大小 cookie数据大小不能超过4k。sessionStorage和localStorage 虽然也有存储大小的限制，但比cookie大得多，
cookies，sessionstorage和localstorage的区别
03-16
Cookies、sessionStorage和localStorage是三种不同的浏览器存储方式。 Cookies是一种存储在用户计算机上的小型文本文件，用于存储有关用户的信息。Cookies可以在浏览器和服务器之间传递，用于识别用户、跟踪用户...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值