【前端笔记】Cookie、LocalStorage、sessionStorage的区别

最新推荐文章于 2024-05-04 23:57:43 发布
最新推荐文章于 2024-05-04 23:57:43 发布
阅读量137 收藏
点赞数
分类专栏： 前端 文章标签： 前端 javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43398736/article/details/126786271
版权

Cookie

  • 大小：4K左右
  • 通信：会随着http请求发送给服务端
  • 有效期：由http响应头的exprise设置
  • 能够被同源页面共享

LocalStorage

  • 大小：5M甚至更大
  • 通信：浏览器本地存储，不参与和服务端通信
  • 有效期：持久性存储，本质上不主动删除永远不过期
  • 只能被同一个窗口的同源页面共享

SessionStorage

  • 大小：5M甚至更大
  • 通信：浏览器本地存储，不参与和服务端通信
  • 有效期：会话存储，关闭页面或浏览器就失效
  • 只能被同一个窗口的同源页面共享
于离别之朝束起约定之花
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Cookie localStorage sessionStorage区别和使用
01-07
Cookie Cookie是什么：指某些网站存储在用户本地终端的数据 作用理解：登陆一个网站，保存了数据，近期不用再登录 应用层面来说：cookie是一段字符串； js层面来说：cookie是document对象下的一个String类型的属性 ...
cookie、sessionStorage和localStorage的区别
04-01
cookie、sessionStorage和localStorage的区别
前端学习笔记——Cookie、localStorage 和 sessionStorage
LuckyDucky的博客
08-25 230
关于前端信息存储的学习笔记 cookie Cookie 用于存储网页中的一些数据。 创建cookie document.cookie="username=John Doe"; // 添加cookie过期时间（以 UTC 或 GMT 时间） // 用户行为研究这个时间是可以是一周） document.cookie="username=John Doe; expires=Thu, 18 Dec 204...
1.（随身笔记）cookie localstorage sessionstorage
weixin_47733115的博客
08-31 96
cookie localstorage sessionstorage 三者之间的释义 cookie:容量小，4k左右，有过期时间，随服务器发送 localstorage:容量大，5m左右，没有过期时间，不随服务器发送 sessionstorage:容量大，5m左右，仅在当前浏览器关闭之前有效 共同点 都是保存在浏览器端，且同源的 区别 1.cookie 数据始终在同源的http中携带(即使不需要),即cookie在浏览器中和服务器间来回传递。 而sessionstorage和localsto
JS学习笔记 - localStorage和sessionStorage
绿胡子大叔的博客
09-07 532
JS学习笔记 - localStorage和sessionStorage简介Web Storage 和 cookie 的异同点相同不同生命周期不同存储大小限制不同作用域不同与服务器通信易用性Web Storage API添加键值对获取键值删除键值对清除所有键值对其他方法判断是否存在键获取localStorage中键值对数量获取 localStorage 的属性名称通过StorageEvent响应存储的变化 简介 HTML5 Web Storage提供了两种在客户端存储数据的新方法 localStorage
JWT学习笔记，cookie、localStorage 和 sessionStorage的区别
qq_23095607的博客
08-06 636
这一点很好理解，只要浏览器 tab 页没有关闭，我们的 sessionStorage 就一直存在，也就是刷新并不会清楚 sessionStorage。首先第一点，页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的页面会话。localstorage是本地存储，只要你的浏览器没有被卸载。这个数据库都是存在的。sessionstorage是会话存储，
cookie、localStorage、sessionStorage区别笔记
weixin_54953953的博客
04-06 67
4.cookie、localStorage、sessionStorage资源共享遵循同源原则，sessionStorage必须在同一个页面。2.cookie生命周期服务端写入的时候设置，localStorage需要手动清除，sessionStorage页面关闭就清除。5.在前端给后端发送请求的时候会自动携带Cookie中的数据，但是SessionStorage、LocalStorage不会。1.cookie由服务端写入，localStorage、sessionStorage由前端写入。
前端面经 详解Cookie、SessionStorage和LocalStorage的区别联系
2401_84437530的博客
05-02 18
整理面试题，不是让大家去只刷面试题，而是熟悉目前实际面试中常见的考察方式和知识点，做到心中有数，也可以用来自查及完善知识体系。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】《前端基础面试题》，《前端校招面试题精编解析大全》，《前端面试题宝典》，《前端面试题：常用算法》[外链图片转存中…(img-IEPdV6Qz-1714629060200)][外链图片转存中…(img-uOIhRjhg-1714629060201)]
Cookie、sessionStorage、localStorage的区别
最新发布
2401_84149996的博客
05-04 471
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
cookie、localStorage和sessionStorage三者的区别
Z03_gg的博客
08-28 133
cookie、localStorage和sessionStorage三者的区别
[三分钟笔记]localStorage | sessionStorage | cookie
怎样过不是过的博客
03-02 89
localStorage | sessionStorage | cookie 1、生命周期：永久有效 | 页面会话期间可用 | 关闭浏览器就清除数据 2、大小： 5MB | 5MB | 4kb 3、与服务器通信： 不会传送到服务器，安全性高 | 不会传送到服务器，安全性高 | 数据会传送到服务器，请求传递是会带在http头部 4、易用性： 可以直接使用或再封装，例如对array和object有更好的兼容 | | 需要自己再封装 > 使用方法 localStorage.se...
cookie，localStorage,sessionStorage区别与应用
01-07
cookie localStorage sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息，只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭，数据清空 存在内存中，除非...
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
10-19
cookie，localStorage和sessionStorage都是浏览器本地存储数据的地方,其用法不尽相同，今天小编通过本文给大家分享jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法，需要的朋友参考下吧
vue-storages:只是为了Vue应用localStorage sessionStorage cookie
05-01
序这是一个关于浏览器cookie，sessionStorage，localStorage操作的插件，它增加并完善了原有API功能。该插件包括, , 三个部分，使用方法非常简单，直接引入即可。vue-storages在vue开发环境下的使用方法安装采用npm...
【资源分享】Echarts中国地图、世界地图JSON数据（包括省市、经纬度、世界地图国家名称中英对照）
于离别之朝束起约定之花的博客
09-14 5408
之前做数据可视化需求时需要用到中国地图和世界地图的数据，但苦于网上的资源参差不齐（谷歌和百度都一样），"历尽磨难"终于收集到了合适的资源，特地分享出来（毕竟CSDN很多免费资源居然要付费下载）因为直接资源分享会被ban，所以单开一贴分享GitHub上的地址，GitHub上不去的可以百度搜索下改host很轻松的。
分享一个js获取图片原始尺寸的方法。亲测，好用！！！
于离别之朝束起约定之花的博客
05-25 4229
首先，大部分人和网上能搜索到的获取图片分辨率或尺寸的方法，应该都是这样： let url = 'url'; function getUrlInfo(url) { let image = new Image(); let w,h; image.src = url; // 如果有缓存，读缓存 if(image.complete){ w = image.width; // 图片宽度 h = iamge.height; // 图片高度
关于layui表格重载后日期选择器失效的问题
于离别之朝束起约定之花的博客
10-07 2707
最近发现有人遇到一个关于layui的问题，表格重载后表格里的日期选择器点击没反应了，自己用layui的时候没接触到这些，但是为了以后做打算，我也帮忙看了下，通过各种搜集信息终于找到了解决办法。 首先，理解为表格重载时相当于重新渲染了一次table组件，重在表格，所以为了日期选择器能正常使用，需要在表格重载后在渲染一次日期选择器。 table.reload();//重在表格; laydate.r...
Element按需引入并且自动导入组件
于离别之朝束起约定之花的博客
09-07 2102
项目开发时，为了减少打包体积，我们一般会进行各种优化，比如组件库的按需引入。因为很多情况下我们用到的可能就是表单组件和一些特殊情况需要的组件，全量引入是最不理想的情况。按需引入的话又需要我们手动注册要使用的组件，虽然可以使用循环等方法注册，但这也不是最好的方法。最理想的情况是，我们开发像全量引入时那样使用组件库组件，组件根据我们的使用自动按需引入并注册。就是能帮助我们做到这些事的插件。
5，cookie localStorage sessionStorage 区别
10-25
cookie、localStorage和sessionStorage都是存储在客户端的数据，但它们之间有以下几个区别： 1. 存储大小：cookie的大小为4k，localStorage和sessionStorage的大小都为5M。 2. 生命周期：cookie的生命周期为浏览器...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值