localStorage与sessionStorage与cookie

最新推荐文章于 2022-06-13 12:29:11 发布
最新推荐文章于 2022-06-13 12:29:11 发布
阅读量147 收藏
点赞数
分类专栏： javascript 文章标签： cookie localstorage sessionstorage js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42476799/article/details/102967775
版权

大小

localStorage与sessionStorage限制为5mb
cookie限制为4kb

生命周期

localStorage 如不删除，永久保存。
cookie 默认关掉浏览器就没了，也可以设置失效时间。
sessonStorage 标签页被关了就没了。

是否携带在请求头上

localStorage sessionStorage 否
cookie 是
cookie使用过多会有性能问题，因为每次请求都携带在请求头上。

作用域

cookie 同源同浏览器，同浏览器的不同窗口也有。还有path的概念，可以设置有效路径。
localStorage 与cookie一样。
sessionStorage 同源同一tag，同一tag中不同的同源iframe也可以公用session，同一tag跳转同源网页也可以

waht_i
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Web应用开发中的本地存储限额localStroage Quota
u012553625的博客
01-19 751
近几年互联网络的发展似乎进入一个瓶颈期。不独一时一地，全球趋势大致如此，大概处于传统互联网络已经日至成熟，而创新技术在萌芽期尚未获得突破之际。所以传统互联网络技术只好在细节上打磨、内卷（involution）和进化（evolution），以此来消磨革命性（revolution）和创新性（innovation）技术来临前的时光。Web应用（网页应用）的开发者中新推进的本地化静态存储locaStorage就是这方面的一个代表。 作为矢志不渝的目标之一，Web应用要在性能和体验上追赶并且超越本地应用，除了客户端
localstorage存储大小_localstroage过多存储满的情况下应该怎么办？
weixin_39820588的博客
11-21 5888
技术很简单，业务很麻烦在大公司，同一个域名下可能存在几十上百条业务线，每条业务线都可能因为各种理由往 localStorage 里塞东西，跨页面传数据啦、缓存啦、离线化啦、性能优化啦...，5M 看起来很多，其实很快就用完了。而开发时基本无感知，是因为大家都只访问自己的业务，但用户会访问各种业务，时间一久，很容易就存满了，凡是严重依赖 localStorage 的业务流程都存在风险，写可能出问题，...
浏览器存储(cookie、localStorage、sessionStorage)
weixin_45696837的博客
03-04 1900
浏览器存储(cookie、localStorage、sessionStorage)
cookie、locaStorage、SessionStorage、hash
小白小白从不日别的博客
05-15 1103
主要讲述了三大本地缓存--Cookie、LocalStorage、SessionStorage
获得浏览器localStorage的剩余容量和最大容量
热门推荐
天涯潇湘路
08-18 2万+
一、如何获取localStorage的剩余容量 localStorage 中存储的是字符串，根据这一条件，我们可以通过取出所有的localStorage的内容，而其长度就是大小。具体代码如下: (function(){ if(!window.localStorage) { console.log('浏览器不支持localStorage'); } var...
获得 localStorage 最大存储大小的方法
胡萧徒的博客
01-10 2954
Chrome localStorage 浏览器单个 Item 的最大大小为5120kb 即 5M if(!window.localStorage) { console.log('当前浏览器不支持localStorage!') } var test = '0123456789'; var add = function(num) { ...
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的基本用法，需要的朋友参考下吧
JavaScript本地储存:localStorage、sessionStorage、cookie的使用
10-14
主要介绍了JavaScript本地储存:localStorage、sessionStorage、cookie的使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
超级存储：Cookie，localStorage和sessionStorage javascript帮助器
02-18
超级存储为cookie，localStorage和sessionStorage提供了一些帮助。 1Kb压缩 存储所有类型的值（对象和数组） 空时的默认值 前缀键 会话保持在标签之间 安装 安装npm软件包 npm install @jaysalvat/super-...
浏览器存储数据
m0_63153901的博客
06-13 666
共同点：都是存储在浏览器中且都是同源的。区别：cookie数据始终咋同源的http请求中携带（即使不需要），也就是说cookie实在浏览器和服务器之间来回传递，而sessionStorage和localStroage仅仅在浏览器本地保存。cookie数据拥有path（路径）的概念，可以限制cookie只属于某个路径下。 三者的存储大小也不相同 ，一般来讲cookie的数据不能超过4k，因为每次的http请求都会携带cookie数据，如果太大就会造成性能上的损耗。sessionStroage和localSt
localstorage存储大小_HTML5之LocalStorage本地存储
weixin_39759182的博客
11-24 2710
一、本地存储在HTML5诞生之前，网站如果想在浏览器端存储数据，只能使用Cookie，使用Cookie有较多的限制。Cookie问题：1.cookie大小限制在4K左右(各个浏览器不一致)2.cookie每次随着HTTP请求都会一起发送(造成很多不需要的cookie也会一起发送)本地存储：1.localStorage大小限制在5M(各个浏览器不一致)2.localStorage不会随着H...
localstorage存储大小_localStorage 多种使用方法
weixin_39793638的博客
12-01 1435
HTML5中 Web Storage 的出现，主要是为了弥补使用 Cookie 作为本地存储的不足。Cookie 存储的数据量非常小，而且数据会自动携带到请求头里，但服务器端可能并不关心这些数据，所以会造成带宽的浪费。Web Storage 提供了两个存储对象：localStorage 和 sessionStorage。sessionStorage 存储的数据仅在本次会话有用，会话结束后会自动失效...
HTML5 本地存储 localStorage、sessionStorage 的遍历、存储大小限制处理
weixin_34082695的博客
05-22 973
HTML5 的本地存储 API 中的 localStorage 与 sessionStorage 在使用方法上是相同的，区别在于 sessionStorage 在关闭页面后即被清空，而 localStorage 则会一直保存。我们这里以 localStorage 为例，简要介绍下 HTML5 的本地存储，并针对如遍历等常见问题作一些示例说明。 localStorage 是 HTML5 本地存储的 ...
ES6之箭头函数详解（this指向以及要点）
waht的博客
06-14 4016
首先对比下箭头函数与普通函数 1、书写格式 普通函数 function(a) { console.log(a) return a } 箭头函数 (a) => {//简洁了不少 console.log(a) } a => {//如果只有一个参数括号可以省略 console.log(a) } ...
详解valueOf() 与toString()是做什么的以及其在各种情况下的应用
waht的博客
04-18 3700
前言 各种引用对象都继承或最终继承于 Object ，所以它们不管何时都有 toString() 和 valueOf() 方法，只不过有些类型的原型重写了这两个方法，比如 Function 实例的原型就重写了 toString() 方法，按照原型链的规则，如果属性方法在原型链的各原型中有重名，则优先使用最近的方法和属性。 先看看大概有哪些对象重写了这两个方法 Function 重写了 toSt...
if 与 == 与 === 与 ! 的真假判断大全外加Number()函数的使用看了就会知道[]==![]为true的原因
waht的博客
07-07 1359
先看看if中的真假 各种值在if中的真假 undefined //false 1//true -1//true 0.0//false -0//false 0//false NAN//false Infinity//true 这竟然是真 ''//false '1'//true '0'//true []//true {}//true null//false functio...
ES6 之 类与继承
waht的博客
06-18 1175
ES6的类与继承与ES5的类与继承相比较 class 类 创建一个Animal类 ES6 ES6中类的创建变得非常简单 class Animal {} ES5 function Animal() {} constructor 构造器 新的构造器，为Animal类加上species构造属性 ES6 class Animal { constructor(species){ t...
String原型中的各种自带方法大全详解
waht的博客
07-11 873
由于自带的方法功能强大，性能强悍，所以非常有用。下面一个一个方法进行讲解。 当然一些将不被支持的方法就不放上来了。 charAt(index) 解释 输出字符串中第index个字符，第一个字符的索引为0，以此类推。 使你不需要将字符串转化成数组，再输出相应字符这么麻烦。 参数 index：代表想要输出字符的索引。 例子 var str = 'hello world!' var char1 ...
cookie与localstorage与sessionstorage的区别
最新发布
04-30
cookie、localstorage和sessionstorage都是浏览器提供的存储机制，但它们之间有以下区别： 1. 存储容量不同：cookie最大只能存储4KB数据，而localstorage和sessionstorage可以存储更多数据，一般为5MB或更多。 2. ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值