cookie、sessionStrorage、localStrorage、indexDB

最新推荐文章于 2023-07-21 16:17:59 发布
最新推荐文章于 2023-07-21 16:17:59 发布
阅读量458 收藏
点赞数
文章标签： 本地存储
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43279985/article/details/104046152
版权
存储
特性cookiesessionStroragelocalStrorageindexDB
数据生命周期一般是由服务器生成，可以设置过期时间。

页面关闭就清除

（会话级存储）

一直存在，除非手动删除。（永久存储）

一直存在，除非手动删除。
数据存储大小4k5M5M不限
与服务器端通信每次都会携带在header中，对于请求性能有影响。不参与不参与不参与
李 元 芳
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
indexDB.md
10-12
IndexedDB 就是浏览器提供的本地数据库，它可以被网页脚本创建和操作。IndexedDB 允许储存大量数据，提供查找接口，还能建立索引。
浏览器存储
php_martin的博客
08-15 443
浏览器存储
29.(问答题) 什么是本地存储的有效期？
weixin_46281185的博客
10-29 420
参考答案： 微信JS-SDK：是开发者在网页上通过JavaScript代码使用微信原生功能的工具包，开发者可以使用它在网页上录制和播放微信语音、监听微信分享、上传手机本地图片、拍照等许多能力。 JSSDK使用步骤 步骤一：绑定域名 步骤二：引入JS文件 步骤三：通过config接口注入权限验证配置 步骤四：通过ready接口处理成功验证 步骤五：通过error接口处理失败验证 ...
sessionStorage和localStorage还有indexedDB的使用
qx020814的博客
10-05 330
localStorage存储在本地，不支持设置过期时间，这一点不和cookie相同。js里面还有一个小型的数据库，麻烦得要死，我一辈子没遇见过怎么无语的东西！遍历这个数据库的方式也差不多，看看就好了。存储在浏览器里，关闭浏览器消失。
localstorage设置过期时间_web存储sessionStorage, localStorage，indexDB
weixin_30959465的博客
12-25 1198
cookie的不足：1，存储只有4k2，解析复杂3，发送请求会携带，造成带宽的浪费因此就有了sessionStorage, localStoragesessionStoragesessionStorage对象存储特定于某个会话的数据，也就是该数据只保持到浏览器关闭。就像会话cookie。sessionStorage可以跨越页面刷新而存在。sessionStorage的访问限制比localStora...
第三章：《Spark之----Spark SQL》
weixin_45014721的博客
10-22 515
Spark SQL
前端数据库indexedDB入门
前端小记
06-29 1万+
indexDB是HTML5的新概念，indexedDB是一个用于在浏览器中存储较大数据结构的Web API，并且提供了索引功能以实现高性能查找。
indexDB入门到精通，indexdb增删查改，封装indexdb类库，indexdb基本使用
热门推荐
淋雨一直走~
11-29 3万+
indexdb入门操作指南，indexdb入门到精通，indexdb封装类库，indexdb的基本使用，超大容量的存储indexdb简单使用，web端的数据库，web端的大容量存储，优化浏览器加载资源速度。
indexDB
水冰月的小兔子的博客
12-31 9001
现有的浏览器存贮方案： 1.cookie:大小不超过4kb,每次请求发回服务器 2.localStorage:大小2.5MB到10MB之间，不提供搜索功能，不能建立自定义索引 indexDB是浏览器提供的本地数据库，可以被网页脚本创建和操作，允许存贮大量数据，提供查找接口，能建立索引。 数据库类型而言，indexDB更接近NoSQL数据库。 indexDB的特点： 1.键值对储存：in...
使用HTML5 IndexDB存储图像和文件的示例
09-22
主要介绍了使用HTML5 IndexDB存储图像和文件的示例的相关资料,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
html5关于indexdb简单demo
09-26
该资源包含了一个indexdb学习的简单demo，包含了增删改查，以及索引的创建和使用，可以参考博客http://blog.csdn.net/mockingbirds/article/details/48749375
h5 indexDB table 简单的增删改查案列
09-26
实现了简单的增删改查demo，适用于谷歌，没做过其他浏览器的适配
存储篇 2：本地存储——从 Cookie 到 Web Storage、IndexDB(1).md
最新发布
04-01
前端性能优化实践# 知识体系与小册格局 ## 写给读者 提起性能优化，大家现在脑海里第一时间会映射出什么内容呢？ ...至少当我确定自己的研发方向、并接到第一个性能优化任务时，我做的第一件事是向搜索引擎求助，第...
IndexDB完整使用指南
qq_42880714的博客
07-17 2259
IndexDB完整使用指南
利用indexDB带你手把手构建一个前端数据库体系
军火库
11-09 2109
IndexDB 是一个运行在浏览器上的非关系型数据库。既然是数据库了，那就不是 5M、10M 这样小打小闹级别了。理论上来说，IndexDB 理论上是没有存储上限的一般来说不会小于 250M。它不仅可以存储字符串，还可以存储二进制数据。为了后面能看懂代码，这里对 IndexDB 的 api 做一个简要的介绍。整理了一套《前端大厂面试宝典》，包含了HTML、CSS、JavaScript、HTTP、TCP协议、浏览器、VUE、React、数据结构和算法，一共201道面试题，并对每个问题作出了回答和解析。
indexDB（对象接口、异步、支持事务、同源限制、二进制存储、永久存储、打开数据库、初始化数据库、通过事务对数据库进行增删改查操作）
AIWWY的博客
10-30 2970
目录 简介 对象接口 特点 键值对储存 异步 支持事务 同源限制 储存空间大 支持二进制储存 永久存在 使用 打开数据库（创建） var request = window.indexedDB.open(databaseName, version) error 事件 success 事件 upgradeneeded 事件 初始化数据库 IDBDatabase.createObjectStore(formName, { keyPath: ID}) IDBObjectSto.
浏览器存储indexDB介绍
qq_46344419的博客
07-21 1231
浏览器存储indexDB介绍
indexDB的使用
阵雨的博客
07-16 9044
目录简介无法开启indexDb的情况开始使用打开数据库为该数据库创建一个对象仓库新增数据查找数据使用索引查询使用游标查询修改数据删除数据 简介 IndexedDB 是一种可以让你在用户的浏览器内持久化存储数据的方法。IndexedDB 为生成 Web Application 提供了丰富的查询能力，使我们的应用在在线和离线时都可以正常工作。 无法开启indexDb的情况 浏览器不希望允许某些广告网络或恶意网站来污染你的计算机，所以浏览器会在任意给定的 web app 首次尝试打开一个 IndexedDB 存
哪种方式支持持久存储？sessionstorage,Cookie,IndexDB,Iocalstorage？
07-17
sessionStorage, cookie, IndexedDB, localstorage 这四种方式都可以支持持久存储，但它们在实现机制和用途上有所不同。 1. sessionStorage：sessionStorage 是一种在浏览器中存储数据的机制，数据仅在当前会话...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

李 元 芳

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值