localStorage和indexedDB区别

最新推荐文章于 2024-05-21 18:11:13 发布
最新推荐文章于 2024-05-21 18:11:13 发布
阅读量1.9k 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wdhxs/article/details/110205772
版权

localStorage和indexedDB区别

前言

两者都是在客户端存储数据，可以存储较多数据，且都是永久性保存。

不同点

  • indexedDB是JS脚本语言可以操作的数据库
  • 操作是异步的
  • IndexedDB 支持事务（transaction），这意味着一系列操作步骤之中，只要有一步失败，整个事务就都取消，数据库回滚到事务发生之前的状态，不存在只改写一部分数据的情况。
  • 储存空间大 IndexedDB 的储存空间比 LocalStorage 大得多，一般来说不少于 250MB，甚至没有上限。
  • LocalStorage 不支持搜索。

相同点

  • 可以在客户端存储永久性数据
  • 都通过键值对存储数据
Mr.Groooooooot
关注
sessionStorage、localStorage、IndexedDB浏览器存储的区别
weixin_43738272的博客
02-13 1184
你知道的浏览器存储有哪些，他们的区别是什么? 随着移动网络的发展与演化，我们手机上现在除了有原生 App，还能跑“WebApp” ——它即开即用，用完即走。一个优秀的 WebApp 甚至可以拥有和原生 App 媲 美的功能和体验。WebApp 优异的性能表现，有一部分原因要归功于浏览器存储 技术的提升。cookie 存储数据的功能已经很难满足开发所需，逐渐被 WebStorage、IndexedD...
浏览器缓存库设计总结（localStorage/indexedDB）
趣谈前端
03-30 1405
前言浏览器缓存设计一直是web性能优化中非常重要的一个环节,也是SPA应用盛行的今天不得不考虑的问题.作为一名优秀的前端工程师,为了让我们的应用更流畅,...
oracle 去摸_ORACLE 表的操作
weixin_39517357的博客
12-19 173
一、表是Oracle常见的数据库对象Oracle中的表分为①用户定义的表：--由用户创建并维护的一组表--包含用户所需的信息②数据字典：--由Oracle server 自动创建的一组表--包含数据库信息③查询数据字典select table_name from user_tables; --查看用户定义表select distinct object_type from user_objec...
cookies，sessionStorage , localStorage和 indexDB 的区别
wyk760629476的专栏
04-25 329
四个都是浏览器做数据缓存的 区别 存储方式 cookies sessionStorage localStorage indexDB 存储大小 4K 5M 5M 无限制 与后端联系 后端返回,在返回请求头部 无 无 无 生命周期 后端可以设置过期时间 浏览器关闭失效 手动释放 手动释放 使用 cookies sessio..
浏览器储存之Cookie、sessionStorage、localStorage和indexedDB区别与详解
Tseng
11-18 1195
一般在项目中我们逗需要把信息存储在本地的情况，比如权限验证的token、用户信息、埋点计数、客户配置的皮肤信息或语言种类等，我们可以暂存一下避免浏览器不必要的请求和客户多余操作，较少请求从而提高性能以给客户使用带来方便。 那么浏览器存储有哪些方法呢，主要有cookie、localStorage、sessionStorage cookie属于文档对象模型DOM树根节点document，而 sessi...
面试官：Javascript本地存储的方式有哪些？区别及应用场景
海阔天空
04-20 1071
在这里插入代码片 vaScript本地缓存的方法我们主要讲述以下四种： cookie sessionStorage localStorage indexedDB cookie Cookie，类型为「小型文本文件」，指某些网站为了辨别用户身份而储存在用户本地终端上的数据。是为了解决 HTTP 无状态导致的问题 作为一段一般不超过 4KB 的小型文本数据，它由一个名称（Name）、一个值（Value）和其它几个用于控制 cookie 有效期、安全性、使用范围的可选属性组成 但是cookie在每次请求中都会被
忘记 localStorage 吧，indexedDB 才是前端存储新宠！
Jernnifer_mao的博客
06-18 350
在项目开发过程中，前端需要存储大量的数据。cookie, localstorage 都有存储长度限制。需要一个存储容量大，支持搜索和自定义索引的前端存储方案，就选用了 。 caniuse上查看 indexedDB 支持情况，目前浏览器支持情况良好。
cookies-exterminator：适用于Firefox，Pale Moon和SeaMonkey的Cookies Exterminator。 不用时自动删除cookie，localStorage和IndexedDB对象
02-05
【标题】：Cookies Exterminator 是一款专门针对Firefox、Pale Moon和SeaMonkey浏览器的扩展工具，它的主要功能是在用户停止使用浏览器时自动清除cookies、localStorage和IndexedDB对象，以保护用户的隐私。...
玩转IndexedDB，比localStorage、cookie还要强大的网页端本地缓存
我驾驶汽车从不是为了从A点到达B点，我喜欢去感受汽车，与之交流，与之融为一体。
08-14 324
随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少从服务器获取数据，直接从本地获取数据。现有的浏览器数据储存方案，都不适合储存大量数据：Cookie 的大小不超过 4KB，且每次请求都会发送回服务器；LocalStorage 在 2.5MB 到 10MB 之间（各家浏览器不同），而且不提供搜索功能，不能建立自定义的索引。所以，需要一种新的解决方案，这就是 IndexedDB 诞生的背景。
IndexedDB增删改查插件，分别对增删改查进行了封装，调用对应的函数即可
06-05
在浏览器上有两种数据库：webSQL和IndexedDB。但是如果在浏览器上需要用到数据库一般会使用Indexed DB数据库，webSQL基本上已经废弃了，具体原因小伙伴可以下来自己查查。 IndexedDB 是一种底层 API，用于在客户端...
strimjs:一个管理 localstorage 和 indexDB 的库
06-02
strimJS 一个管理 localstorage 和 indexDB 的库
session Storage、local Storage和IndexedDB的区别
Daisy花园
05-14 2668
session Storage会话存储，只有在浏览器被关闭前使用，创建另一个页面的时候使用，是临时保存，一旦关闭浏览器就会失效。local Storage本地存储，可以长期存储数据，没有时间限制 目前支持local Storage的浏览器有: Chrome 4+ safari 4+ Firefox 1.5+ Opera 10.5+ IE8+以及IE7的兼容模式IndexedDB相对于Local
html5本地存储 Web Storage + IndexedDB
疯林
11-24 3625
html5本地存储 Web Storage + indexDB在html5之前，前台存储主要就是cookie，cookie是有缺陷的，比如说没死请求都会带着数据，造成流量浪费；大小只有4k；明文传递不安全等等。所以 cookie的使用范围注定很小，存个登录状态之类的还是挺好用的，下面介绍一下Web Storage和indexDBWeb Storage1.localStoragelocalStor
别再忽略了！前端缓存机制大揭秘：LocalStorage vs SessionStorage vs IndexedDB
zhaodash97的博客
04-07 742
在前端的世界里，性能优化永远是一个老生常谈却又充满活力的话题。而在众多优化手段中，缓存机制无疑是提升性能、增强用户体验的利器。但你知道吗？前端缓存不止一种，而是有着各自的特点和适用场景。今天，我们就来聊聊LocalStorage、SessionStorage和IndexedDB这三大前端缓存机制，看看它们各自的魔力和局限。
IndexedDb、Web Sql、localStorage以及localForage使用
萌古大汗的专栏
01-05 2009
测试浏览器localStorage存储容量： https://arty.name/localstorage.html一、IndexedDb 对象数据库二、Web Sql 关系数据库三、localStorage key-value字符串四、localForage 根据浏览器支持情况自动适配IndexedDb、Web Sql、localStorage参考资料： http://www.cnbl
前端基础入门三大核心之HTML篇 —— 深入解析从URL请求到页面加载的艺术
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
05-21 1156
前端技术的博大精深，远不止于此。从HTML的简单解析到复杂的SPA应用，每一步都蕴含着开发者对极致体验的追求。本文旨在为你铺就一条坚实的基础之路，鼓励你不断深入学习，探索新技术，实践新理念。前端的世界日新月异，保持好奇心，勇于实践，你将在这条道路上走得更远。最后，我们期待你在评论区分享你的学习心得、实战经验或是对未来前端发展的独到见解，让我们一起推动Web技术的车轮滚滚向前。欢迎来到我的博客，很高兴能够在这里和您见面！
indexDB & localForage
qq_44376306的博客
09-12 854
存储量小：即使是web storage的存储量最大也只有 5M存取不方便：存入的内容会经过序列化，当存入非字符串的时候，取值的时候需要通过反序列化。当我们的存储量比较大的时候，我们一定会想到我们的 indexedDB，让我们在浏览器中也可以使用数据库这种形式来玩转本地化存储，然而 indexedDB 的使用是比较繁琐而复杂的，有一定的学习成本，但第三方库的出现几乎抹平了这个缺陷，让我们轻松无负担的在浏览器中使用indexedDB。
前端本地缓存知识：indexDB、localStorage、sessionStorage
weixin_42527398的博客
01-16 4291
前端缓存 在实习的时候接触过一个需求是，要求用户在离线状态下也能打开客户端查看部分数据，并对数据进行操作，在联网后向服务器同步操作更新服务器的数据。因此在对前端进行本地数据的存储进行调研，了解到以下的技术，总结以下自己的学习。 1.indexDB 首先indexDB是一个运行在浏览器的非关系型数据库，作为一个数据库，它存储的数据量就是没有上线的，同时它不仅可以存储字符串，还可以存储二进制数据。 主要特点 1 键值对存储：indexDB内部采用对象仓库存放数据。所有类型的数据都可以直接存入，包括Java
web存储详解（cookie、sessionStorage、localStorage、indexedDB）_什么是web存储
2401_84562041的博客
05-17 1561
web存储指的是在web通信过程中，由客户端（如浏览器）对少量数据进行的本地存储（注：本文所说的是广义的web存储，而不单指Web Storage）。web存储类型主要包括古老的cookie，以及HTML5推出的sessionStorage、localStorage和indexedDB等。web存储的宿主环境通常是浏览器，借助浏览器提供的JavaScript接口，我们可以实现对这些数据的增删改查。
IndexedDB与localStorage有何区别？
最新发布
09-25
IndexedDB与localStorage有以下几个关键区别： 1. **数据存储规模**：localStorage的最大容量有限，通常在5MB到10MB左右，而IndexedDB不受此限制，适合存储大型数据集，例如复杂的JSON对象、图像等。 2. **数据...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值
>