cookie sessionStorage LocalStorage相关笔记

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

关于web中的数据存储

  • cookie
    从前端发送web请求时，会自动将该页面的cookie添加到请求中。
    cookie数据总量不超过4k，并且以字符串的方式存储。可以简单理解成一个字符串
    cookie在网页关闭的时候会清除或者可以设置cookie的存活时间例如：document.cookie = "name =chai;expires=8349859";
    应用场景：判断用户是否登录 用户名 密码的自动登录等

  • sessionStorage
    创建一个键值对形式的数据 用于临时存放同一窗口的数据，不可跨页面获得数据。页面关闭，数据就会被清除
    可存放数据总量一般为5M 不参与服务器通信
    应用场景：表单内容较多，用于优化用户体验

  • LocalStorage
    创建一个键值对形式的数据 强制存储数据，没有删除就会一直存在，直到主动去删除他。
    可存放数据总量一般为5M 不参与服务器通信
    应用场景：使用在数据比较大，或者较为全局性的数据上

在这里插入图片描述

哎呦喂超超。
关注
专栏目录
面试题：Cookie、sessionStorage、localStorage区别
weixin_42369566的博客
10-20 417
Cookie、sessionStorage、localStorage
cookie sessionStorage localStorage
东北玛丽的CSDN
03-14 107
cookie： （1）存储数据大小：4kb （2）有效期：关闭浏览器消失，如果设置了有效期，在有效期内有效 （3）是否在请求报文中携带：会 （4）存储键值对个数：限制20个，不同浏览器支持个数不同 localStorage （1）存储数据大小：20mb左右 （2）有效期：永久有效，手动删除 （3）不会在报文中携带 （4）存储键值对个数：没有限制 sessionStorage （1）存储数据大小：5...
JWT学习笔记，cookie、localStorage 和 sessionStorage的区别
qq_23095607的博客
08-06 685
这一点很好理解，只要浏览器 tab 页没有关闭，我们的 sessionStorage 就一直存在，也就是刷新并不会清楚 sessionStorage。首先第一点，页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍会保持原来的页面会话。localstorage是本地存储，只要你的浏览器没有被卸载。这个数据库都是存在的。sessionstorage是会话存储，
cookie、localStorage、sessionStorage区别笔记
weixin_54953953的博客
04-06 74
4.cookie、localStorage、sessionStorage资源共享遵循同源原则，sessionStorage必须在同一个页面。2.cookie生命周期服务端写入的时候设置，localStorage需要手动清除，sessionStorage页面关闭就清除。5.在前端给后端发送请求的时候会自动携带Cookie中的数据，但是SessionStorage、LocalStorage不会。1.cookie由服务端写入，localStorage、sessionStorage由前端写入。
前端学习笔记——Cookie、localStorage 和 sessionStorage
LuckyDucky的博客
08-25 248
关于前端信息存储的学习笔记 cookie Cookie 用于存储网页中的一些数据。 创建cookie document.cookie="username=John Doe"; // 添加cookie过期时间（以 UTC 或 GMT 时间） // 用户行为研究这个时间是可以是一周） document.cookie="username=John Doe; expires=Thu, 18 Dec 204...
cookie,sessionStorage,localStorage整理（个人笔记）
qq_53555672的博客
05-19 201
参考：【前端工程师面试宝典】学习说明_互联网校招面试真题面经汇总_牛客网 (nowcoder.com) (29条消息) 浏览器缓存：memory cache、disk cache、强缓存协商缓存等概念_Lvan的前端生活的博客-CSDN博客_浏览器memory cookie,sessionStorage,localStorage的区别: 三者操作： sessionStorage // 保存数据到 sessionStorage sessionStorage.setItem('key', 'value');
web存储详解（cookie、sessionStorage、localStorage、indexedDB）_什么是web存储
2401_84254530的博客
04-12 405
5%以上软件测试开发知识点，真正体系化！**
JS学习笔记 - localStorage和sessionStorage
绿胡子大叔的博客
09-07 570
JS学习笔记 - localStorage和sessionStorage简介Web Storage 和 cookie 的异同点相同不同生命周期不同存储大小限制不同作用域不同与服务器通信易用性Web Storage API添加键值对获取键值删除键值对清除所有键值对其他方法判断是否存在键获取localStorage中键值对数量获取 localStorage 的属性名称通过StorageEvent响应存储的变化 简介 HTML5 Web Storage提供了两种在客户端存储数据的新方法 localStorage
Cookie、sessionStorage、localStorage的区别
2401_84149996的博客
05-04 483
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
JavaScript学习笔记之Cookie对象
10-24
最后，虽然 Cookie 在 Web 开发中是一个很有用的工具，但随着前端技术的发展，特别是在使用 Ajax 进行无刷新网页设计时，已经越来越倾向于使用 Web 存储机制，比如 localStorage 和 sessionStorage，它们提供了更多...
前端知识Token知识点笔记.pdf
05-31
- Token通常存储在客户端，如localStorage或sessionStorage，而不是像Cookie那样存储在服务器。 - Token的无状态性意味着服务器不存储与Token相关的会话信息，减少了服务器负担。 - Token可以通过数字签名确保完整性...
登录 注册 vuex \ sessionStorage、localStorage token cookie session 区别 a标签新窗口打开页面跳转sessionStorage丢失
weixin_50885665的博客
04-10 881
这个问题是今天被面试官问道，面试官当时说的话大概意思是，多个网页打开的是同一个网页时，他们使用了同一个sessionStorage，某个页面关闭了，问我其他页面的sessionStorage会不会被清除！例如: 点击新闻 ---- 新窗口打开一个页面 --- 在新窗口打开的页面里用vuex设置的state,原来的新闻页获取不到(用watch也监控不到) ---- 原因是新窗口打开的。2、通过token方式 选2 ---- 如果前端和服务器之间存在跨域问题,推荐用。
The server is temporarily unable to service your request due to maintenance downtime or capacity pro
热门推荐
harry_yaya的博客
01-08 4万+
Service Unavailable Service Unavailable The server is temporarily unable to service your request due to maintenance downtime or capacity problems. Please try again later. Apache Server at www.proger.c...
display:none; 失效原因
harry_yaya的博客
06-14 2万+
可能是元素之前已经设置了 display的类型，例如： .icon-openEye{ display:inline-block; position: relative; left: -12%; width: 22px; height: 22px; } 此时，我再通过jQuery的方法为该元素添加一个none的class. $('.icon-openEye').addClass('non...
function is not defined at HTMLButtonElement.onclick
harry_yaya的博客
09-28 1万+
function is not defined at HTMLButtonElement.onclick 简述一下问题： ===在写一个工程管理系统的时候 如上所示，通过onclick调用了写在当前页面的方法，明确写了这个方法，但是在真实调用的时候会报错： 也试了网上说的其他方式，加 type="text/javascript"等，然后发现并没有用。 查看了报错信息 看来问题原因是出在这个...
javascript唤醒腾讯地图
harry_yaya的博客
04-04 2504
javascript移动端唤醒腾讯地图App 刚做到一个功能，功能需求是要做到手机端访问一个页面，1.限制页面只能在微信进入才能够访问 2.在页面可以实现打开外部腾讯地图，如果检测到用户没有下载腾讯地图，则跳转到下载页面。 功能还是比较简单的。首先，先获取浏览器的userAgent进行正则匹配。以下一段代码即可实现，此处我直接禁止了其他所有非微信端的访问. var useragent = navi...
td tr th样式设置踩坑
harry_yaya的博客
04-22 2154
错误写法 <div className={styles.selfAchievement}> //div <tr className={styles.selfAchievementTr}> <td>1</td> <td>2</td> <td>3</td> ...
layui页面通过php fetch，渲染回数据，但是渲染回来的页面单选、下拉框全部丢失
harry_yaya的博客
12-04 513
原文链接：https://fly.layui.com/jie/60685/#item-1575450534586 如上图，我有使用layui 的下拉框以及单选框，然后数据是通过php进行渲染回来的。 $this -> view -> assign('orderList', $result); 然后渲染完数据之后，通过fetch返回页面 return $this->view-&...
cookie sessionStorage localStorage 应用场景
最新发布
07-16
Cookie、sessionStorage 和 localStorage 都是浏览器提供的客户端存储机制，常用于 Web 开发中管理用户信息或网站数据。 1. Cookie: - 场景：主要用于小型数据存储，如用户的登录状态（`authToken`）、首选项设置...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值