localStorage、sessionStorage和cookie

最新推荐文章于 2023-03-08 19:13:51 发布
最新推荐文章于 2023-03-08 19:13:51 发布
阅读量151 收藏
点赞数
分类专栏： 面试总结 js 文章标签： 前端 javascript 缓存
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tengxi_5290/article/details/124822934
版权
  • cookie失效时间服务器设置默认到窗口关闭，localStorage不手动清除就一直在，sessionStorage在页面关闭时消失；
  • 数据共享都遵循同源策略，sessionStorage还有同一页面的限制；
  • cookie常用于存储登录验证信息，localStorage常用于存储改动少的数据减轻请求次数，sessionStorage常用于检测页面是否刷新；
  • 前端给后端发送请求自动带cookie，可能浪费资源，storage不会自动带；
  • cookie由服务器写入浏览器，storage由前端写入浏览器；、
  • cookie 大小为4kb，localStorage、sessionStorage大小为5mb；
tengxi_5290
关注
专栏目录
localStorage sessionStorage和cookie区别
sinat_36944265的博客
05-16 629
1.cookie:存储在用户本地终端上的数据。有时也用cookies，指某些网站为了辨别用户身份，进行session跟踪而存储在本地终端上的数据，通常经过加密。一般应用最典型的案列就是判断注册用户是否已经登过该网站。 2.HTML5 提供了两种在客户端存储数据的新方法：(http://www.w3school.com.cn/html5/html_5_webstorage.asp)...两者都
localStorage sessionStorage和cookie对比
OriginalMIxss的博客
09-12 130
主要特点 都是由于存储数据 以键值对形式存储 cookie : 适合保存较小的数据 如登录信息 用户信息之类的 localStrorage: 适合持久化数据 sessionStroeage: 适合一次性临时数据 存储容量 cookie : 译名小甜饼，容量小，4KB localStrorage: 4.98M 不同浏览器不同 （safari 2.49M） HTML5引入 sessionStroeage: 4.98M 部分浏览器没有限制 HTML5引入 生命周期
localStorage和sessionStorage与cookie
weixin_48927323的博客
09-08 5124
1）Web Storage的概念和cookie相似，区别是它是为了更大容量存储设计的，cookie的大小是受限的，并且每次请求一个新的页面的时候cookie都会被发送过去，这样无形中浪费了带宽，另外cookie还需要指定作用域，不可跨域调用。session对象可以用来保存在这段时间内所要求保存的任何数据。4）服务器端可以保存用户的持久数据，如数据库和云存储将用户的大量数据保存在服务器端 ，服务器端也可以保存用户的临时会话数据，服务器端的session机制，如jsp的session对象，数据保存在服务器上。
localstorage sessionstorage和cookie的区别
飞鱼日记的博客
02-04 133
1.基本概念 cookie：是网景公司的前雇员在1993年发明。它的主要用于保存登陆信息，比如登陆某个网站市场可以看到’记住密码’，这就是通过在cookie中存入一段辨别用户身份的数据来实现的。 sessionStorage：会话，是可以将一部分数据在当前会话中保存下来，刷新页面数据依旧存在。但是页面关闭后，sessionStorage中的数据就会被清空。 localStorage：是HTML5标准中新加入的技术，当然早在IE6时代就有一个userData的东西用于本地存储，而当时考虑到浏览器的兼容性，更通
localStorage和sessionStorage和Cookie的区别
weixin_52311133的博客
11-21 741
前端数据临时存储
Localstorage、sessionStorage、cookie 的区别
大左的博客
06-20 334
共同点：都是保存在浏览器端、且同源的 区别： 1、cookie 数据始终在同源的 http 请求中携带（即使不需要），即 cookie 在浏览器和服务 器间来回传递，而 sessionStorage 和 localStorage 不会自动把数据发送给服务器，仅在本 地保存。cookie 数据还有路径（path）的概念，可以限制 cookie 只属于某个路径下 2、存储大小限制也不同，cookie 数据不能超过 4K，同时因为每次 http 请求都会携带 cookie、所以 cookie 只适合保存很小的数据
localStorage，sessionStorage和cookie的区别
weixin_46920847的博客
03-23 1978
只能说是面试常考题了，特别是在项目中使用到这几个的任何一个，基本都会进行提问区别。于是决定进行好好总结。 共同点： 都是用于数据存储，将数据存储在浏览器端，满足同源策略。（同源策略是用于限制一个源和另一个源进行交互的安全策略，同源：协议、端口号、主机都相同） 区别： 保存方式区别：cookie数据始终在同源的http请求中携带，即cookie会在浏览器和服务器之间来回传递，但可以通过路径限制其只属于某个路径下有效。而sessionStorage和localStorage不会把数据发给服务器，仅在本地保存。
cookie、localStorage 和sessionStorage
qq_41988669的博客
11-28 1203
Cookie 是一些数据, 存储于你电脑上的文本文件中。当 web 服务器向浏览器发送 web 页面时，在连接关闭后，服务端不会记录用户的信息。当用户访问 web 页面时，他的名字可以记录在 cookie 中。在用户下一次访问该页面时，可以在 cookie 中读取用户访问记录。存储量4kb。
localStorage、sessionStorage、cookie 的区别
qq_58511059的博客
03-08 197
localStorage、sessionStorage、cookie 的区别
cookie、localStorage和sessionStorage详解
m0_37756431的博客
03-17 1万+
一、cookie cookie是客户端与服务器端进行会话使用的一个能够在浏览器本地化存储的技术。简言之，cookie是服务器端发给客户端的文本文件；目的是用于辨别用户身份。 只能储存4kb的数据，
cookie，localStorage,sessionStorage区别与应用
01-07
cookie localStorage sessionStorage 概念 存放在客户端的一段文本信息 存储在客户端的临时信息，只能存放字符串类型数据 同localStorage 大小 4k 5M 5M 生命周期 浏览器关闭，数据清空 存在内存中，除非...
Cookie localStorage sessionStorage区别和使用
01-07
设置和获取cookie 设置cookie：直接对[removed]赋值（key不同不会覆盖） 通过 path 参数，您可以告诉浏览器 cookie 属于什么路径。默认情况下，cookie 属于当前页 [removed] = “username=Bill G
JS数组合并的8种常见方法
热门推荐
tengxi_5290的博客
05-17 6万+
1.ES6 解构 [...arr, ...array] 不改原数组值，生成新的数组。 2.遍历添加 array.forEach(item => { arr.push(item) }) 遍历方法：forEach、map、filter、every、for、for in、for of等。 添加方法：push（后追加）、unshift（前追加）等。 arr值改变成追加后的样子，array值不改变 3.concat arr.concat(array) 不改原数组值，生成新的..
node js 实现桌面截屏
tengxi_5290的博客
12-03 5156
参考：https://www.npmjs.com/package/desktop-screenshot 安装：npm idesktop-screenshot 使用： var screenshot = require('desktop-screenshot') screenshot("./../screenshot.png", {width: 1920, height: 1080, qu...
js中可代替switch case的两种方法
tengxi_5290的博客
09-02 3919
普通的switch case代码 普通的switch case代码 替换方法1----Map let playMap = new Map() playMap.set(1, '正常播放') playMap.set(2, '播放2分钟') playMap.set(3, '播放5分钟') playMap.set(5, '禁播') item.playType = playMap.get(parseInt(item.playType))? playMap.get(parseInt(item.playType
VUE3+TS+VITE的一些经验总结
tengxi_5290的博客
05-25 1229
主要是一些和vue2版本差异较大的方面，持续更新中。 配置资源路径，在env环境变量中设置VITE_PUBLIC_PATH = './'即可。 获取环境变量中定义的全局属性，获取环境用process.env.NODE_ENV，获取其他全局属性用import.meta.env.xxx。 获取页面跳转携带的查询参数，需要在页面组件中引用vue-router中的useRoute，通过useRoute的query属性获取。 import { useRoute } from 'vue-router' for
js promise object
tengxi_5290的博客
11-15 1169
use strict' // 异步计算，队列化，类比callback // 都不是单纯的普通方法，都是promise对象才生效，对象可以保存状态，函数只有通过闭包才能保存状态 // 异步操作的常见方法：回调和事件监听 // 异步回调容易层次过深，可读性差，维护性差 // 异步回调剥夺了return的能力 // promise的三个状态：pending初始状态，fulfilled操作成功，rejec...
vue spa websockt 实现站内消息的发送和接收
tengxi_5290的博客
11-13 1115
几个基本的流程 检查浏览器是否支持websocket，即判断'WebSocket' in window和'MozWebSocket' in window值是否为true，true就是浏览器支持websocket，这一步骤可以发生在mounted当中。 客户端与服务器建立连接。new WebSocket(url)即创建新的websocket实例，url为服务端提供，用来和服务器建立websocket连接。注意这个连接的过程中使用的协议不是http，https，而是ws协议。new WebSocket(ur
localStorage sessionStorage1 cookie区别
最新发布
06-26
localStorage, sessionStorage, 和 cookie 都用于在客户端存储数据，但它们有以下几个主要区别： 1. **数据生命周期**[^2]: - Cookie: 数据在设置的过期时间之前一直有效，即使关闭浏览器也会保留，除非特别设置为...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值