​cookie、sessionStorage和localStorage的之间的区别​

最新推荐文章于 2024-07-20 18:16:53 发布
最新推荐文章于 2024-07-20 18:16:53 发布
阅读量82 收藏
点赞数
分类专栏： 数据缓存 文章标签： 前端 javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53116438/article/details/126928278
版权

共同点：

用在客户端存储数据，每一个都有自己的存储和到期限制

不同点：

1.cookie数据大小不能大于4K；
   localStorage和sessionStorage则可以达到5M

2.sessionStorage为临时保存，浏览器页面关闭数据清除

   localStorage为永久保存，不手动清除就一直存在

   cookie在设置的有效期内一直有效

3.cookie的数据会自动传递到服务器端，服务器端也可以写cookie到客户端

   localStorage和sessionStorage不会把数据自动传到服务器端，仅在本地存储

热心网友xiaoyu!
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
cookie、sessionStorage和localStorage的区别和使用
曹进的博客
07-12 3081
cookie、sessionStorage和localStorage的区别和使用
cookie、sessionStorage和localStorage的区别
04-01
cookie、sessionStorage和localStorage的区别
一文读懂cookie、sessionStorage和localStorage的区别
热门推荐
陈坚泓的博客
11-15 1万+
一文读懂cookie、sessionStorage和localStorage的区别, 读完后,面试相关的问题就基本没问题了 由于`HTTP是一种无状态的协议`，服务器单从网络连接上是无法知道客户身份的。这时候`服务器`就需要给`客户端`颁发一个`cookie`，用来确认用户的身份。
Cookie、SessionStorage和LocalStorage 区别？
lihui61357457的博客
10-13 1273
【代码】Cookie、SessionStorage和LocalStorage 区别？
cookie、sessionStorage和localStorage的详解与区别
LS_952754的博客
07-26 1087
cookie、sessionStorage和localStorage的详解与区别
sessionStorage 、localStorage 和 cookie 之间的区别
weixin_51780751的博客
10-27 136
共同点：都是保存在浏览器端，且同源的 区别： cookie 1.cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器，仅在本地保存。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下。 2:存储大小限制也不同，cookie数据不能超过4k，同时因为每次http请求都会携带cookie，所以cookie只适合保存很小的数据，如会话标识。se.
cookies、sessionStorage和localStorage之间的解释及区别
南北极之间
03-15 1702
一、 概念的理解 webstorage本地存储 1）webstorage是本地存储，存储在客户端，包括localStorage和sessionStorage 2）localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。存放数据大小为一般为5MB,而且它仅在客户端（即浏览器）中保存，不参与和服务器的通信 3）sessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除。存放数据大小为一般为5MB,而且它仅在客户端（
Cookie、sessionStorage和localStorage的区别
m0_56649557的博客
09-15 1757
Cookie 在Html5之前Cookie用于客户端和服务器端的通信，具有本地存储功能，Cookie的存储非常小，只有4k大小，主要用于保存登录信息，Cookie的内容主要包括：名字、值、过期时间、路径和域。 localStorage localStorage是Html5的一个新特性，主要是用来作为本地存储来使用的，解决了cookie存储控件不足的缺点，localStorage中一般浏览器的支持是5M大小，在不同浏览器中会有所不同。local是“本地”的意思，即本地存储，localStorage会将数据保存
简单理解cookie、sessionStorage和localStorage
weixin_47340917的博客
01-20 1563
简单理解cookie、session、sessionStorage、localStorage 前端本地存储数据的方式有三种，也就是是cookie，localstorage和sessionStorage 。 三者的异同 生命周期： cookie：可设置失效时间，没有设置的话，默认是关闭浏览器后失效 localStorage：除非被手动清除，否则将会永久保存。 sessionStorage： 仅在当前网页会话下有效，关闭页面或浏览器后就会被清除。 存放数据大小： cookie：4KB左右 localStorag
Cookie、sessionStorage 和localStorage的区别
何呵呵是大佬的博客
07-25 203
HTML5中与本地存储相关的两个重要内容：Web Storage与本地数据库。其中，Web Storage存储机制是对HTML4中cookie存储机制的一个改善。由于cookie存储机制有很多缺点，HTML5不再使用它，转而使用改良后的Web Storage存储机制。...
cookie，localStorage,sessionStorage区别与应用
01-07
cookie localStorage sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息，只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭，数据清空 存在内存中，除非...
HTMl5的存储方式sessionStorage和localStorage详解
09-28
HTML5的Web Storage引入了两种新的本地数据存储方式：`sessionStorage`和`localStorage`，它们解决了传统Cookie在存储容量和性能上的限制，为Web应用提供了更高效的数据管理能力。 `sessionStorage`主要用于存储...
Cookie localStorage sessionStorage区别和使用
01-07
设置和获取cookie 设置cookie：直接对[removed]赋值（key不同不会覆盖） 通过 path 参数，您可以告诉浏览器 cookie 属于什么路径。默认情况下，cookie 属于当前页 [removed] = “username=Bill G
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
10-19
在Web开发中，数据存储是不可或缺的一部分，jQuery提供了一些便捷的方法来访问和操作浏览器的本地存储，包括cookie、localStorage和sessionStorage。这三个机制都用于在客户端存储数据，但它们各有特点和适用场景。 ...
前端面试题日常练-day97 【Less】
最新发布
qq_44640575的博客
07-20 338
border-radius()函数用于在Less中生成圆形边框效果。通过设置border-radius()函数，我们可以为元素的边框添加圆角效果，使边框呈现圆形的外观，从而美化页面元素的边框样式。
TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！
OpenTiny的博客
07-17 1110
本文由体验技术团队Kagol老师原创~我们非常高兴地宣布，2024年6月26日，TinyVue 发布了 v3.17.0 🎉。TinyVue 每次大版本发布，都会给大家带来一些实用的新特性，上一个版本我们重构了 chart-core，新增 CircleProcessChart 圆环进度图等6个新的图表组件，并增加了 Statistic 数据统计组件。表格图片超链接复制粘贴插入表情文件上传@提醒斜杆菜单v-auto-tip。
谷粒商城实战笔记-39-前端基础-Vue-指令-v-on、v-for、v-if
epitomizelu的专栏
07-20 580
v-on 是 Vue.js 中的一个指令，用于在 DOM 元素上监听用户事件，并在事件触发时执行相应的 JavaScript 函数。它提供了一种将 Vue 实例中的方法与 DOM 事件关联起来的方式，使得你可以轻松地对用户交互做出响应。v-on 指令的基本语法是在元素上添加 v-on:event-name=“method”，其中 event-name 是你要监听的 DOM 事件类型（如 click、mouseover、keydown 等），method 则是 Vue 实例中定义的方法名。
LG 选择 Flutter 来增强其智能电视操作系统 webOS
恋猫de小郭的博客
07-17 1574
总的来说，LG 是 Flutter 在 TV 领域的一次新的尝试，并且它是在脱离了 Android 平台的场景下实现的支持，虽然 webOS 并不是什么流行的系统，但是这也体现出了 Flutter 的特点：可以用较低的成本实现较好性能的跨平台。后续，在 LG 的主导下，WebOS 经过进一步修改，转变为智能电视操作系统，于是 WebOS TV 就诞生了，此后 LG 的 TV 基本路线定为 webOS ，在应用层面，WebOS TV 以基于 Web 的技术为基础。然后 LG 为什么选择 webOS？
cookie跟sessionstorage和localstorage的区别
05-12
Cookie、SessionStorage 和 LocalStorage 都是在浏览器端存储数据的方式，但它们有以下区别： 1. 存储容量不同：Cookie 的存储容量一般为 4KB 左右，SessionStorage 和 LocalStorage 的存储容量一般为 5MB 左右。 ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值