Cookie、LocalStorage 与 SessionStorage的区别

最新推荐文章于 2024-08-19 17:52:44 发布
最新推荐文章于 2024-08-19 17:52:44 发布
阅读量114 收藏 1
点赞数
分类专栏： 面试 JS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42349568/article/details/109032394
版权
JS 同时被 2 个专栏收录
80 篇文章 5 订阅
订阅专栏
面试
34 篇文章 2 订阅
订阅专栏

一，cookie

cookie是网站为了标识用户身份而存储在用户本地终端（ClientSide）上的数据（通常经过加密）
cookie数据始终在同源的http请求中携带（即使不需要），即会在浏览器和服务器之间来回传递

二，SessionStorage和LocalStorage

SessionStorage和LocalStorage不会把数据发给服务器，只是保存在本地。
在这里插入图片描述

笑道三千
关注
专栏目录
Cookie、localStorage、sessionStorage的区别
m0_72996918的博客
09-23 300
存储位置：Cookie、localStorage和sessionStorage都是客户端存储，保存在用户电脑的浏览器中。综上所述，Cookie、localStorage和sessionStorage各有优缺点，在不同的场景下应选择合适的存储方式。存储容量：Cookie通常只能存储少量的数据，最大不超过4KB，而localStorage和sessionStorage可以存储更多的数据，一般为5MB或10MB，不同浏览器的限制可能会略有不同。
js中cookie,localStorage与sessionStorage区别
DXDSuper博客
09-26 537
定义 Cookie Cookie 是小甜饼的意思。顾名思义，cookie 确实非常小，它的大小限制为4KB左右。它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。 localStorage localStorage 是 HTML5 标准中新加入的技术，它并不是什么划时代的新东西。早在 IE 6 时代，就有一...
cookie、localStorage、sessionStorage 详解
不知道并不可怕，可怕的是自己不知道 “自己不知道”。
03-26 927
http 协议中的 cookie 包括 web cookie 和浏览器 cookie，是服务器发送到 web 浏览器的一小块数据，保存在浏览器的一小段文本信息，浏览器进行存储并且下次发送请求的时候携带上 cookie。购物车：类似于购物车性质的功能，第一次用户将某些商品放入购物车了，但是临时有事，将电脑关闭了，下次再次进入此网站，我们可以通过读取 cookie 中的信息，恢复购物车中的物品。即使是安全的，也不应该将敏感信息存储在cookie 中，因为它们本质上是不安全的，并且此标志不能提供真正的保护。
localStorage和sessionStorage与cookie
weixin_48927323的博客
09-08 4942
1）Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的，cookie的大小是受限的，并且每次请求一个新的页面的时候cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可跨域调用。session对象可以用来保存在这段时间内所要求保存的任何数据。4）服务器端可以保存用户的持久数据，如数据库和云存储将用户的大量数据保存在服务器端 ，服务器端也可以保存用户的临时会话数据，服务器端的session机制，如jsp的session对象，数据保存在服务器上。
cookie、localStorage、sessionStorage详细介绍
qq_41861815的博客
05-10 851
当Max-Age为0时，删除cookie，因为cookie机制本身没有设置删除cookie，失效的cookie会被浏览器自动从内存中删除，所以，它实现的就是让cookie失效。http协议中的cookie包括web cookie和浏览器 cookie，是服务器发送到web浏览器的一小块数据，保存在浏览器的一小段文本信息，浏览器进行存储并且下次发送请求的时候携带上cookie。为了解决http无状态的特点，会在请求中插入token，然后发送请求，告诉服务器，但是这种方式容易出错，所以cookie就出现了。
Cookie、LocalStorage和SessionStorage区别详解
yun_shuo的博客
05-21 1535
Cookie、LocalStorage和SessionStorage区别详解 概念理解 Cookie它的主要用途有保存登录信息，比如你登录某个网站市场可以看到“记住密码”，这通常就是通过在 Cookie 中存入一段辨别用户身份的数据来实现的。 localStorage 是 HTML5 标准中新加入的技术，localStorage的生命周期是永久性的。假若使用localStorage存储数据，即使关闭浏览器，也不会让数据消失，除非主动的去删除数据。 sessionStorage 与 localStorage
cookie & session & localStorage & sessionStorage
pscool的博客
05-14 1713
由于HTTP是一种无状态的协议，服务器单从网络连接上是无法知道客户身份的。这时候服务器就需要给客户端颁发一个cookie，用来确认用户的身份。简单的说，cookie就是客户端保存用户信息的一种机制，用来记录用户的一些信息。原理:web服务器通过在http响应消息头增加Set-Cookie响应头字段将Cookie信息发送给浏览器，浏览器则通过在http请求消息中增加Cookie请求头字段将Cookie回传给web服务器。
cookie、localStorage 和sessionStorage
qq_41988669的博客
11-28 1182
Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。当用户访问 web 页面时，他的名字可以记录在 cookie 中。在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。存储量4kb。
cookie、localStorage、sessionStorage的区别
weixin_43452154的博客
03-21 508
cookie数据始终在同源的http请求中携带（即使不需要），即cookie在浏览器和服务器间来回传递。cookie数据还有路径（path）的概念，可以限制cookie只属于某个路径下sessionStorage和localStorage不会自动把数据发送给服务器，仅在本地保存。localStorage：始终有效，窗口或浏览器关闭也一直保存，本地存储，因此用作持久数据；cookie: 也是在所有同源窗口中都是共享的.也就是说只要浏览器不关闭，数据仍然存在。都是保存在浏览器端、且同源的。
Cookie、session 、LocalStorage、SessionStorage
最新发布
weixin_45134135的博客
08-19 1094
前端存储 cookie session localStorage sessionStorage
cookie，localStorage,sessionStorage区别与应用
01-07
cookie localStorage sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息，只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭，数据清空 存在内存中，除非...
jQuery访问浏览器本地存储cookie、localStorage和sessionStorage的基本用法
10-19
在Web开发中，数据存储是不可或缺的一部分，jQuery提供了一些便捷的方法来访问和操作浏览器的本地存储，包括cookie、localStorage和sessionStorage。这三个机制都用于在客户端存储数据，但它们各有特点和适用场景。 ...
cookie、localStorage和sessionStorage三者的区别
热门推荐
first_shun的博客
04-16 2万+
cookie、localstorage和sessionStorage三者都是在开发中用到的临时存储客户端会话信息或者数据的方法，下面就简单介绍一下三者的区别： 一、存储的时间有效期不同 1、cookie的有效期是可以设置的，默认的情况下是关闭浏览器后失效 2、sessionStorage的有效期是仅保持在当前页面，关闭当前会话页或者浏览器后就会失效 3、localStorage的有效期是在不进行手动删除的情况下是一直有效的 二、存储的大小不同 1、cookie的存储是4kb左右，存储量较小，一般
触摸事件(touchstart、touchmove和touchend)
weixin_42349568的博客
10-23 2万+
触摸事件(touch)会在用户手指放在屏幕上面的时候、在屏幕上滑动的时候或者是从屏幕上移开的时候出发。下面具体说明： 　　touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。 　　touchmove事件：当手指在屏幕上滑动的时候连续地触发。 　　touchend事件：当手指从屏幕上离开的时候触发。 除了常见的DOM属性，触摸事件还包含下面三个用于跟踪触摸的属性。也就是存在于事件的默认参数event中。 　　touches：表示当前跟踪的触摸操作的touch对象的数组。
js函数内部定义函数的理解
weixin_42349568的博客
10-09 9193
一，普通的函数中定义函数 首先要区分：函数中定义的函数，和函数作为对象，并给这个对象定义的方法。这两者是不一样的。 函数中定义的函数：需要从数据类型的角度理解，一旦执行这个函数，就会定义出内部一个函数。因为作用域的存在，无法在外面直接调用访问。但是可以在这个函数内直接使用。 function Foo(){ getName=function(){ //虽然这里没有用var，定义的是全局的，外部直接访问是无法访问的。 alert(1) } //这里定义一个函数（从数据
关于定时器setInterval（）累加或者是重叠的问题
weixin_42349568的博客
07-01 7039
当给一个click事件添加定时器的时候，如果多次点击，而没有及时清除定时器，就会产生定时器累加的问题，具体表现为：调用函数的时间间隔越来越短，越来越快。 在使用setInterval()时会返回一个定时器的id值。利用这个id值，使用clearInterval(id)，就可以将id是这个值的定时器关闭掉。 <button id="btn1">开始</button> <button id="btn2">停止</button> <script type
try……catch的异常捕获机制
weixin_42349568的博客
04-06 4663
参考文章（本博文前部分是这篇博客复制过来的，已验证其正确性）： https://blog.csdn.net/weixin_39850143/article/details/111346809 一，try，catch的运行机制 当程序运行到try catch里面时，如果未报错，则忽略catch中的代码，若报错，则不执行try报错内容后面的代码，转而执行catch中的代码。 二，什么时候try catch 才能捕获到异常？ 能捕捉到的异常必须是线程执行已经进入 try catch 但 try catch 未执行
js基础-20-js对象赋值时的key值问题
weixin_42349568的博客
10-11 3178
一，在定义时，对象的属性名可以是包含空字符串在内的任何字符串。 二，当给对象添加属性时，属性名key也可以是其他数据类型 1，当key是数组时：转化为逗号分割的字符串作为key: var a={} var arr1=[22,2,3] var arr2=[3,2,5] a[arr1]='123' a[arr2]='456' console.log(a) 于是当一个是字符串，一个是数组时，会有这种情况发生： var a={} var str1='3,2,5' var arr2=
异步操作之后让await后续的代码能够继续执行
weixin_42349568的博客
04-20 2551
一，不使用try……catch包裹会导致后续代码不执行 function loginSet () { console.log('1111') return new Promise((resolve, reject) => { setTimeout(()=>{ console.log("22222") reject("报错") },10) }) } async function test(){ await login
cookie与localstorage与sessionstorage的区别
04-30
cookie、localstorage和sessionstorage都是浏览器提供的存储机制，但它们之间有以下区别： 1. 存储容量不同：cookie最大只能存储4KB数据，而localstorage和sessionstorage可以存储更多数据，一般为5MB或更多。 2. ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值