Cookies、localStorage、sessionStorage的区别

最新推荐文章于 2024-10-16 11:23:07 发布
最新推荐文章于 2024-10-16 11:23:07 发布
阅读量345 收藏 9
点赞数 9
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_79010045/article/details/135430818
版权
CookiesLocalStoragesessionStorage

存储

容量

存储容量小，通常为几KB，每个域名下的Cookies 数量和大小都受限

存储容量较大，通常为5MB或更多，不同浏览器可能有不同的限制

存储容量较大，通常也是5MB左右，但是它的生命周期仅限

于页面会话期间

生命

周期

可设置过期时间

可以在浏览器关闭后仍然存在（持久性 Cookies）

也可以在浏览器关闭时被删除（会话性 Cookies）

持久保存在浏览器中，除非被手动清除，否则不会过期仅在当前页面会话期间有效，当页面关闭时会被清除

与服务

器通信

每次 HTTP 请求都会携带 Cookies 数据，因此可能会影响性能

不会自动携带到服务器，仅在客户端使用

数据

类型

仅支持字符串类型的键值对

支持存储字符串以及对象等多种数据类型

访问

权限

受同源策略限制，每个 Cookie 都与特定的域名关联

同样受同源策略限制，但它们的数据存储在一个域名下，独立于页面的具体路径

小于代码
关注
描述一下cookies，sessionStorage和localStorage的区别？
IT修真院：初学者转行到互联网的聚集地
11-27 366
这里是修真院前端小课堂，每篇分享文从 【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】 八个方面深度解析前端知识/技能。 本篇分享的是：描述一下cookies，sessionStorage和localStorage的区别？ 1.背景介绍 SessionStorage, LocalStorage, Cookie这三者都可以被用来在浏览器端存...
cookies、localStorage 、sessionStorage 的区别
weixin_47227886的博客
04-10 5435
介绍：cookie，意思是小甜饼，顾名思义，cookie 确实非常小，它的大小限制为 4KB 左右；每个 HTTP 请求都会带着 Cookie 的信息，所以 Cookie 当然是能精 简就精简！常用的应用场景：判断用户是否登录。介绍：localStorage，它是 HTML5 标准中新加入的技术，localStorage 已经被大多数浏览器所支持； sessionStorage，它与 localStorage 的接口类似，但保存数据的生命周期与 localStorage 不同，它只是
cookies，sessionStorage 和 localStorage 的区别
小草莓的博客
07-05 749
① 存储大小不同localStorage：具有更大的存储空间，通常是5M或者更多；cookie：大小不能超过4K；
Cookies，LocalStorage SessionStorage的区别
m0_57836225的博客
07-21 168
3. SessionStorage：数据仅在当前会话（即当前窗口或标签页）有效，一旦会话结束（关闭当前窗口或标签页），数据就会被清除。3. SessionStorage：与 LocalStorage 的存储容量相似，一般也是 5 - 10MB 左右。3. SessionStorage：同 LocalStorage，数据不会自动发送到服务器。2. LocalStorage：在相同协议、相同主机名、相同端口下的所有页面都可以访问。3. SessionStorage：仅在同一窗口（或标签页）内的页面可以访问。
cookies，sessionStorage和localStorage的区别
Youaremysalvatio的博客
08-30 189
即cookie在浏览器和服务器间来回传递，而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径数据还有路径（path）的概念。可以限制控kookie只属于某个路径下。，同时因为每次http请求都会携带cookie，所以kookie只适合保存很小的数据，如会话标识。虽然也有存储大小的限制，但比kookie大得多，...
JavaScript系列之cookies、sessionStorage和localStorage的区别
老__L的博客
02-16 427
cookies、sessionStorage和localStorage的区别
Cookie、LocalStorage和SessionStorage区别详解
yun_shuo的博客
05-21 1551
Cookie、LocalStorage和SessionStorage区别详解 概念理解 Cookie它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。 localStorage 是 HTML5 标准中新加入的技术，localStorage的生命周期是永久性的。假若使用localStorage存储数据，即使关闭浏览器，也不会让数据消失，除非主动的去删除数据。 sessionStorage 与 localStorage
cookies、sessionStorage和localStorage的区别及概念详解
CRMEB小程序商城的博客
05-15 4465
如图，在谷歌浏览器中查看，左侧会看到Local Storage和Session Storage以及Cookies! 一、什么是Cookie？ 先来看看权威的解释，百度百科！ 这里可以看到提到了一个session的概念，其实，cookie和session都是用来跟踪浏览器用户身份的会话方式，但在使用过程中存在很大区别！ Cookie和Session的区别 1.数据存储位置有区别 cookie保存在浏览器端，session保存在服务器端！ 2.使用方式有区别 cookie机制 如果不在浏览器中设置过期时.
cookies、localStorage、sessionStorage 区别
m0_69424722的博客
11-22 151
cookies、localStorage、sessionStorage 区别
cookies、sessionStorage和localStorage解释及区别
ZZhXuan的博客
08-20 552
转载自此文：《cookies、sessionStorage和localStorage解释及区别》 目录一、cookie和session 两者区别：1、保持状态：2、使用方式：（1）cookie机制（2）session机制3、存储内容：4、存储的大小：5、安全性：session的安全性大于cookie原因如下：6、应用场景：7、缺点：HTML5的本地存储第一种解释方式第二种解释方式WebStorage**两个主要目标**：1、生命周期：2、存储大小：3、存储位置：4、存储内容类型：5、获取方式：6、应用.
cookies，sessionStorage 和 localStorage 的区别1
08-08
cookies、sessionStorage 和 localStorage 的区别 cookies、sessionStorage 和 localStorage 是三个常用的浏览器端存储机制，它们都可以在浏览器端存储数据，但它们之间有着很大的不同。 cookies cookies 是一种...
cookies sessionStorage和localstorage有什么区别？
weixin_47220950的博客
04-23 875
本地储存localStorage与cookie的区别 1）cookie在浏览器与服务器之间来回传递 sessionStorage和localStorage不会把数据发给服务器，仅在本地保存 2）数据有效期不同 cookie只在设置的cookie过期时间之前一直有效，即使窗口或浏览器关闭 sessionStorage：仅在当前浏览器窗口关闭前有效 localStorage 始终有效，长期保存 3）cookie数据还有路径的概念 可以限制cookie只属于某个路径下存储大小也不同，cookie数据不能超4k，s
Localstorage、sessionStorage、cookie 的区别
Wujunbin952的博客
07-03 4444
Localstorage、sessionStorage、cookie 的区别和H5的浏览器储存。
06_实现watch
qq_53109172的博客
10-16 735
watch 本质上就是监听一个响应式数据，这个响应式数据发生变化的时候，进行通知并触发相应的回调函数。
web扩展
x737510的博客
10-10 606
HTTP（Hypertext Transfer Protocol）协议中的它们在用途和使用方式上有一些区别。用于请求服务器上的资源，通常是获取数据。GET 请求是幂等的，多次请求返回的结果应该是相同的，而且不应该对服务器产生任何副作用。用于向服务器提交数据，通常是提交表单数据或上传文件等。POST 请求可能对服务器产生副作用，例如在数据库中创建新的资源。数据通过 URL 参数传递，附在 URL 后面。因为数据在 URL 中可见，所以不适合传递敏感信息，且有长度限制。
004-按照指定功能模块名称分组
最新发布
xiaogang1226的博客
10-16 153
需要把一个功能模块的几个功能点放在同一个文档目录下，这几个功能点分布在不同的 Controller。需要把他们单独分组，方便前端对接。在@ApiOperation 里面增加属性 tags 赋值。
前端地图数据开发
shuxiaoxii的博客
10-13 277
基于Turf.js教你快速实现地理围栏的合并拆分。turf js 地理空间分析库，处理各种地图算法。如何拆分一个乡镇或区的地图。获取市级的行政区域划分。直接导入地图的json。高德地图查看市级区域。js实现地图区域合并。
Element-plus el-form、el-dialog 数据回显同时用时，重置失效问题
Mr. Zhang Xiaojian's Blog
10-12 500
当第一次打开网页并点击“编辑”按钮时，虽然对话框变量变为 true 使对话框可见，但同步代码会将 formData 对象的属性设置为默认值。由于 Vue 的异步更新机制，DOM 实际上还未更新，因此表单组件内绑定了这些有值的初始数据。这样，在后续调用 resetFields 方法时，表单将会重置为这些默认值而不是空值。编辑时表单的初始值被设置成了回显的数据，而不是空字符串。时，表单会回到上次设置的初始值，即回显的数据。
Vue3动态组件component不生效问题解决方法
Java_fenxiang的博客
10-14 681
问题：vue3循环渲染动态组件component不生效，页面空白在vue3使用component动态组件展示组件时，组件就是不展示显示空白。在vue2中使用动态变量component展示组件都是没问题。试了很多方法 踩了很多坑，所以记录下：登录后复制 <div class="preview-list" id="c...
cookies，sessionstorage和localstorage的区别
03-16
Cookies、sessionStorage和localStorage是三种不同的浏览器存储方式。 Cookies是一种存储在用户计算机上的小型文本文件，用于存储有关用户的信息。Cookies可以在浏览器和服务器之间传递，用于识别用户、跟踪用户...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值