cookie、localSrorage、session、indexDB 的区别

已于 2022-06-09 15:16:13 修改
阅读量224 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
于 2021-08-24 15:52:57 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39275868/article/details/119891474
版权
名称数据生命周期存储大小与服务端通信
cookie设置的cookie过期之前一直有效，与浏览器无关4K每次都会携带在header 中，对于请求性能影响
localSrorage存储持久数据，浏览器关闭后数据不丢失除非主动删除数据5M不参与
session当前浏览器窗口关闭后自动删除5M不参与
indexDB需手动清除，否则⼀直存在4K不参与
SHUF1108
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
cookie和localSrorage、session、indexDB 的区别
LuckXinXin的博客
08-04 268
从上表可以看到，cookie 已经不建议用于存储。如果没有大量数据存储需求的话，可以使用 localStorage和 sessionStorage 。对于不怎么改变的数据尽量使用 localStorage 存储，否则可以用 sessionStorage 存储。 对于 cookie，我们还需要注意安全性 ...
cookies，sessionStorage , localStorage和 indexDB 的区别
wyk760629476的专栏
04-25 292
四个都是浏览器做数据缓存的 区别 存储方式 cookies sessionStorage localStorage indexDB 存储大小 4K 5M 5M 无限制 与后端联系 后端返回,在返回请求头部 无 无 无 生命周期 后端可以设置过期时间 浏览器关闭失效 手动释放 手动释放 使用 cookies sessio..
cookie、sessionStrorage、localStrorage、indexDB
weixin_43279985的博客
01-19 464
存储 特性 cookie sessionStrorage localStrorage indexDB 数据生命周期 一般是由服务器生成，可以设置过期时间。 页面关闭就清除 （会话级存储） 一直存在，除非手动删除。（永久存储） 一直存在，除非手动删除。 数据存储大小 4k 5M 5M ...
cookie，localStorage，sessionStorage，indexDB区别
zhaoyahui的博客
09-20 758
特性 cookie localStorage sessionStorage indexDB 数据生命周期 一般由服务器生成，可以设置过期时间 除非被清理，否则一直存在 页面关闭就清理 除非被清理，否则一直存在 数据存储大小 4K 5M 5M 无限 与服务端通信 每次都会携带在 header 中，对于请求...
浏览器端数据库存储方案的整理 -- indexDB 和 localStorage
weixin_33994444的博客
06-02 1100
查看原文 有些安全性不太重要的数据，我不想花大力气搞一台服务器，再安装mysql或者 monogdb，再写点rest接口。这也太麻烦了，浏览器里本来就有很好用的数据库。你为什么不尝试一下呢？ 1. 客户端存储目前有两个方案比较 方案 优点 缺点 localStorage 简单易用，同步操作 存储容量小，一般不超过10MB i...
indexDB.md
10-12
IndexedDB 就是浏览器提供的本地数据库，它可以被网页脚本创建和操作。IndexedDB 允许储存大量数据，提供查找接口，还能建立索引。
使用HTML5 IndexDB存储图像和文件的示例
09-22
主要介绍了使用HTML5 IndexDB存储图像和文件的示例的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
h5 indexDB table 简单的增删改查案列
09-26
实现了简单的增删改查demo，适用于谷歌，没做过其他浏览器的适配
html5关于indexdb简单demo
09-26
该资源包含了一个indexdb学习的简单demo，包含了增删改查，以及索引的创建和使用，可以参考博客http://blog.csdn.net/mockingbirds/article/details/48749375
存储篇 2：本地存储——从 Cookie 到 Web Storage、IndexDB(1).md
最新发布
04-01
前端性能优化实践# 知识体系与小册格局 ## 写给读者 提起性能优化，大家现在脑海里第一时间会映射出什么内容呢？ ...至少当我确定自己的研发方向、并接到第一个性能优化任务时，我做的第一件事是向搜索引擎求助，第...
浅谈WebView利用localStore websql和IndexDB 来存储数据
热门推荐
氵青-风的博客
05-05 1万+
最近做一个webapp，需要将webview的数据存储到本地数据库，鉴于Android和webview传递大量数据比较麻烦，所以干脆直接存储在webview内置的本地数据库算了。 LocalStore 没有时间限制的本地存储，是上面三种存储方式中浏览器默认存储的容量最小的，也是最容易使用的，直接一句话完成存储过程。 存储数据：localStorage.XXX=YYYXXX可以随便命名，YYY是
前端本地缓存知识：indexDB、localStorage、sessionStorage
weixin_42527398的博客
01-16 4146
前端缓存 在实习的时候接触过一个需求是，要求用户在离线状态下也能打开客户端查看部分数据，并对数据进行操作，在联网后向服务器同步操作更新服务器的数据。因此在对前端进行本地数据的存储进行调研，了解到以下的技术，总结以下自己的学习。 1.indexDB 首先indexDB是一个运行在浏览器的非关系型数据库，作为一个数据库，它存储的数据量就是没有上线的，同时它不仅可以存储字符串，还可以存储二进制数据。 主要特点 1 键值对存储：indexDB内部采用对象仓库存放数据。所有类型的数据都可以直接存入，包括Java
懂你网络系列7之浏览器缓存cookie,sessions,localStorage,seesioStorage,indexDB
mt811的博客
05-25 1248
一.浏览器缓存背景 由于http是一种无状态的协议，用户在浏览器上的每一次行为都将发送到服务器，而服务器却没法记住跟踪和记录这些行为，以至于相同的行为也会触发请求，这给网络通信带来了极大的性能开销。 HTTP Cookie（也叫Web Cookie或浏览器Cookie）是服务器发送到用户浏览器并保存在本地的一小块数据，它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常，它用于告知服务端两个请求是否来自同一浏览器，如保持用户的登录状态。Cookie使基于无状态的HTTP协议记录稳定的状态
浏览器缓存IndexedDB、localStorage、sessionStorage比较
anjun_xf的专栏
02-04 892
IndexedDB就是前端数据库，在浏览器中采用key-value键值方式存储数据。 我们经常用的缓存APIlocalStorage和sessionStorage，能满足我们开发时的绝大多数需求，简单的键值存储，但是它们有它们的限制： * 存储空间限制，只有5M * 只能存储字符串 * 存储的字段一多就很难管理，存储的字段也无法产生关联 IndexedDB的存储空间原则上没有限制，它本质上...
session Storage、local Storage和IndexedDB的区别
Daisy花园
05-14 2074
session Storage会话存储，只有在浏览器被关闭前使用，创建另一个页面的时候使用，是临时保存，一旦关闭浏览器就会失效。local Storage本地存储，可以长期存储数据，没有时间限制 目前支持local Storage的浏览器有: Chrome 4+ safari 4+ Firefox 1.5+ Opera 10.5+ IE8+以及IE7的兼容模式IndexedDB相对于Local
localstorage、sessionstorage、indexedDB的特点和应用场景
_
01-27 3360
什么样的数据应该保存在本地存储中呢？有以下几个原则： 只保存重要页面的重要数据典型的，首页首屏对业务庞大的站点，这点尤其重要 极大提高用户体验的数据比如表单的状态，可以提交之前保存，当用户刷新页面时可以还原静态资源，比如 js 和 css 一个请求一个 key 值（一个 cgi 一个 key 值）避免请求链接加参数的 key ([http://request-ajax.cgi[params])，这样必然让](http://request-ajax.➜[params]%29%2C-yt23ad46hp3
localStorage
当下的七炎
11-01 1254
localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。但是如果你找到浏览器的隐私或者本地存储的数据删除也是一样可以删除的！本地存储数据库在同样域名下的网页间是共享的，即便是在多个浏览器标签页中。我在做产品购物车的时间使用到了，这边选择产品，把产品属性拼接成JSON字符串保存到localStorage中，然后到购物车中去取……判断浏览器是否支持本地存储：一：1if
2.前端存储的几种方式及其区别
qq_24871849的博客
12-03 358
1.localSrorage localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。 存储方式： 以键值对(Key-Value)的方式存储，永久存储，永不失效，除非手动删除。 常用的api: getItem //取记录 setIten//设置记录 removeItem//移除记录 key//取key所对应的值 clear//清除记录 2.sessionstorage 与localStorage基本类似，区别是sessionStorage当⻚⾯关闭后会被清理，
localStorage的存储,读取,删除
weixin_44195615的博客
04-15 4618
localStorage 和 sessionStorage 属性允许在浏览器中存储 key/value 对的数据。localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。localStorage 属性是只读的。 语法：window.localStorage 一、存储 window.localStorage.setItem('key',value) 二、读取 window.localStorage.getItem('key') 三、删除 window.local.
前端性能优化：从Cookie到Web Storage、IndexDB详解
本文档属于前端性能优化系列的一部分，主要关注于本地存储技术在Web性能提升中的作用，特别是从Cookie到Web Storage（包括localStorage和sessionStorage）和IndexDB的演进。随着移动互联网的发展，WebApp的性能优化...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值