cookie，sessionStroage，localStroage 区别

最新推荐文章于 2023-08-11 10:44:50 发布
最新推荐文章于 2023-08-11 10:44:50 发布
阅读量259 收藏 1
点赞数
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35603476/article/details/104041836
版权

前言：做权限登录的时候，思考用哪个存储合理

简单梳理三者的区别，慢慢完善

Cookie

  • 以文本形式保存客户端，大小只有4kb，大小受限
  • 用户可以禁用cookie功能
  • 同源请求时会被携带（服务端和客户端互传，不论是否需要），加大http流量，数据过多影响性能
  • 以明文方式传输信息不安全，使用https处理，安全性较低
  • cookie过期时间，不设置默认跟随浏览器的生命周期而销毁，若设置时间，则过时销毁
  • 未过期之前，窗口或浏览器关闭后，cookie数据都会存在，在浏览器所有同源窗口访问

sessionStroage

  • 在当前会话中存在，关闭会话销毁
  • 大小5MB
  • 不可在除当前窗口外访问，不论是否同源或者同一页面
  • 存储客户端，不参与服务端通信

localStorage

  • 不论浏览器是否关闭，数据永远存在，除非手动清除
  • 大小5MB
  • 所有浏览器中同源窗口都可获取
  • 存储客户端，不参与服务端通信
年三十
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解localStorage和sessionStorage
impact_factor的博客
09-11 6722
localStorage和sessionStorage一、什么是 localStorage、sessionStorage二、使用方法三、localStorage 的优势与局限 一、什么是 localStorage、sessionStorage 在 HTML5 中，新加入了一个 localStorage 特性，这个特性主要是用来作为本地存储来使用的，解决了 cookie 存储空间不足的问题(cookie 中每条 cookie 的存储空间为 4k)， localStorage 中一般浏览器支持的是 5M 大小，
cookie sessionStroage 和localStroage区别
diaoyu6245的博客
04-27 171
转载于:https://www.cnblogs.com/yazhng/p/8962660.html
localStroage和sessionStroage
qq_38401285的博客
03-13 2629
客服端存储数据的两个对象：localStroage（没有时间限制的存储，除非被清除，否则永久保留）。sessionStroage（短时间存储，仅在当前会话有效，当页面关闭或者浏览器 关闭时被清除）。localStroage 例子：html代码：<style> #box{ width: 400px; overflow: hidden; border:2px solid #ccc; ...
请描述一下cookies，sessionStorage和localStorage的区别？
chunchun1230的博客
12-01 353
⒈localStorage长期存储数据，浏览器关闭数据后不丢失； ⒉sessionStorage数据在浏览器关闭后自动删除； ⒊cookie是网站为了标识用户身份而存储在用户本地终端（Client Side）上的数据（通常经过加密）。cookie始终在同源的http请求中携带（即使不需要）都会在浏览器和服务器端间来回传递。session storage和local storage不会自动把数据发给服务器，仅在本地保存； ⒋存储大小：cookie数据大小不会超过4K，session storag...
localstroage sessionstroage
runrun117的博客
03-04 114
localstroage 没有特殊设置时用户长时间保存。关闭浏览器再进入的话，内容还在 sessionstroage 没有特殊设置时，只存活于一个浏览器页面，关闭浏览器再进入的话内容消失 可以通过F12中的Application查看信息 ...
cookie解决微信不能存储localStorage的问题
10-21
首先检查document.cookie是否包含指定名称的cookie，如果有，就找到等号后面的部分，即cookie的值，然后通过unescape()函数解码并返回。如果没有找到，函数返回空字符串。 以下是一个使用这两个函数的简单示例： `...
浅谈cookie和localStorage那些事
12-14
本文将深入探讨它们之间的区别以及如何使用。 首先，Cookie是由Web服务器发送到用户的浏览器并存储在本地的一小段数据，主要用于识别用户状态。Cookie的大小限制约为4KB，可以用于保存用户登录状态、个性化设置等。...
cookie 跨域
07-24
标题中的“Cookie跨域”指的是在互联网应用中，由于浏览器的同源策略限制，通常情况下，Cookie只能由创建它的源（即域名）读取。但有时候开发者需要在不同域名之间共享用户状态或会话信息，这时就需要实现Cookie的...
vueShop简单的购物APP
06-01
Vue-cli创建项目，利用本地存储localStorage实现一个简单的购物APP，用到脚手架vue-cli，本地存储localStrage（自己还不太会写API接口），elementUI，阿里云图标库。
书签应用：此应用使用localStorage属性保存您的书签
02-14
在早期的Web开发中，Cookie是用于存储用户信息的主要手段，但它的存储空间有限（通常4KB），并且每次请求都会发送到服务器，这在性能上存在局限。因此，HTML5引入了Web存储API，包括localStorage和sessionStorage，...
HTML5 本地存储 localStroage、sessionStroage
qq_39706777的博客
11-09 283
在HTML5中，本地存储是window的属性，包括localStorage和sessionStorage，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)。 localStroage和sessionStroage相同点： 都用于在浏览器中以key-value对形式存储数据。 存储大小都约为 5M 都只能存储字符串类型的对象 不同点： localStroage：永久性存储，数据永远保留，除非主动删除 sessionStroage：会话型存储，临时保存窗口数据，在关闭
localStroage 与sessionStroage使用
ygy211715的博客
05-16 657
今天在做项目的时候用到了本地存储，要存储的是一个数组对象，数据如下 var data=[{cartNum:1,name:上衣,price:￥100},{cartNum:2,name:牛仔裤,price:￥200}] 我就直接照下面这样存储了，结果存的时候并没有报错，但是取得时候就出错了 照上面的写法取值的时候控制台打印输出是这样的 后来查了下，原来不能直接存储一个对象的，必须使用JS...
localStorage 和 sessionStorage
minihuabei的博客
08-20 3289
cookie和session 浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie和session跟服务端进行数据交互。 cookie和session都是用来跟踪浏览器用户身份的会话方式 cookie和session的区别 1.使用方式 cookie机制：如果不在浏览器中设置过期事件，cookie被保存在内存中，生命周期随浏览器的关闭而结束，这种cookie简称为会话cookie。如果在浏览器中设置了cookie的过期时间，cookie会被保存在硬盘中，关闭浏览器后，cookie数
localStorage和sessionStorage
qq_50276105的博客
02-24 3428
localStorage生命周期：除非你有意删除localStorage中的数据，或者浏览器卸载重新安装，里面的数据一直存在。刷新也好，切换浏览地址也好，关闭浏览器也好数据都是不会丢失的。由于他们自身不同的特性，使用场景是不一样的。1.存值共有3种方式，localStorage相当于window对象下面的一个属性，所以有[]和.调用，但也具有自身的setItem方法。3.改变的方式，就是相当于给对应的key重新赋值，就会把原来的值覆盖掉。转为字符串，拿数组、对象数据的时候，用。5.获取所有的key。
cookies,sessionStorage和localstroage区别
lwaweb的博客
11-07 226
简述cookies,sessionStorage和localstroage区别 相同点 都是保存在浏览器端的 切同源 不同点 存储大小不同：cookies 它保存的数据小 只有4kb，而sessionStorage和localstroage这两个存储的数据要大的多可以达到5MB 与服务器交互问题：cookies 他是在浏览器和服务器中来传递的，而sessionStorage和locals...
浏览器缓存技术--localStorage和sessionStorage原理与使用
最新发布
Artisan_w
08-11 1662
sessionStorage 特别的一点在于，即便是相同域名下的两个页面，只要它们不在同一个浏览器窗口中打开，那么它们的 sessionStorage 内容便无法共享；生命周期：localStorage 是持久化的本地存储，存储在其中的数据是永远不会过期的，使其消失的唯一办法是手动删除；它接受两个参数，第一个是键名，第二个是保存的数据。LocalStorage在存储方面没有什么特别的限制，理论上 Cookie 无法胜任的、可以用简单的键值对来存取的数据存储任务，都可以交给 LocalStorage 来做。
cookie localStroage 与sessionStroage的区别
m0_69532049的博客
05-25 233
1.cookie 存储量小受到限制，设置过期时间删除，前后端自动同步 2.localStorage 存储量大需要手动删除 3.sessionStorage 临时存储，关闭浏览器自动清除 cookie 构成：名称-一个唯一确定cookie的名称 值-存储在cookie中的字符串值 域-cookie对于哪个域都是有效的 路径-指定域中的指定路径 失效时间-cookie何时应该被删除时间的时间戳 安全标志：指定后，cookie只有在使用SSL连接时才发送到服务器。 限制：绑定在特定域名下，无法
LocalStorage与SessionStorage的简介和使用
JCjunior的博客
12-07 358
LocalStorage与SessionStorage的简介和使用
记第一次面试(问题：html5除了Cookie还有那些存储数据的方法？)
qq_32687373的博客
02-05 656
html5除了Cookie还有那些存储数据的方法？ html5提供了 sessionStorage和localStorage， //session级的存储在当前会话结束时就被清空了 sessionStorage.setItem('name','content'); var a = sessionStorage.getItem('name'); //local为永久的存储 localStora...
localstroage和sessionstroage
06-28
### 回答1： localstorage和sessionstorage是HTML5中新增的两个Web存储API，用于在浏览器端存储数据。 localstorage是一种持久化存储方式，数据存储在浏览器中，即使关闭浏览器或电脑，数据也不会丢失。它可以存储大量数据，但是只能存储字符串类型的数据。 sessionstorage是一种会话存储方式，数据存储在浏览器中，但是只在当前会话中有效。当关闭浏览器或者当前会话结束时，数据会被清除。它也只能存储字符串类型的数据。 两者的使用方法类似，都是通过setItem、getItem、removeItem等方法进行操作。但是需要注意的是，由于存储的数据是明文存储在浏览器中，所以不要存储敏感信息。 ### 回答2： 本地存储（localStorage）和会话存储（sessionStorage）是HTML5提供的两种新的Web数据存储机制。 localStorage 是 HTML5 新增的持久化数据储存技术，它可以让你的应用从浏览器中存储数据，即使用户关闭浏览器之后依然可以保存数据。在同一个浏览器中，localStorage 存储的数据是可以被不同的页面所共享的。localStorage 存储的数据可以长期存储，适用于存储一些重要的信息，如用户的偏好设置等。 sessionStorage 和 localStorage 非常相似，区别在于 sessionStorage 存储的数据只存在于会话期间，当用户关闭浏览器或者选项卡时会被删除。如果用户重新打开同一浏览器或选项卡，将无法访问之前存储的数据。sessionStorage 主要用于存储同一会话期间所需的数据。比如，模态框中代码常常使用 sessionStorage 来临时存储一些数据，以便在模态框关闭后能够保持数据的一致性。 使用 localStorage 和 sessionStorage 都十分简单。首先需要检查当前浏览器是否支持这两种 API。接下来使用 JavaScript 实现数据的存储和访问即可。通常情况下，将数据存储到 localStorage 和 sessionStorage 中时，用字符串 JSON.stringify() 把 JavaScript 对象转换成 JSON 字符串，然后再存储到本地存储即可。访问时需要使用 JSON.parse() 把字符串转换成一个 JavaScript 对象，便于调用和操作。 总之，localStorage 和 sessionStorage 都是很重要的数据存储方式，开发者可以根据应用的需求选择合适的存储方式。 ### 回答3： localstroage和sessionstroage是HTML5中提供的两种本地存储方式，相较于传统的cookie，两者有着更大的存储空间和更简单的操作方式。 localstroage是一种持久化存储方式，一旦数据存储在localstroage中，即使关闭浏览器或电脑，数据依然能够保持，请注意这里的“持久化”并不是指一直存储数据，而是一直到指定时间才会过期。它支持键值对的存储方式，可以通过JS代码对其进行读取、新增、修改和删除操作。localstroage的存储容量相对于cookie来说更大，一般为5MB左右。 sessionstroage是一种会话存储方式，只要浏览器处于打开状态，数据就会一直保持有效。当关闭浏览器后，数据就被清空了。sessionstroage同样支持键值对的存储方式，并且与localstroage不同的是，即使用户开启了多个窗口或标签页，它们之间的sessionstroage也都是独立的。sessionstroage的存储容量也与localstroage类似，一般为5MB左右。 这两种本地存储方式的使用场景也不尽相同。localstroage适用于需要长期存储数据的场合，比如存储用户设置的偏好等；而sessionstroage则更适用于诸如购物车等需要暂存数据的场合。 需要注意的是，这两种存储方式虽然会将数据存储在用户的本地磁盘上，但是其中的数据并不是加密的，所以不要在其中存储敏感信息，以免引发安全问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值