IndexedDB
文章平均质量分 95
IndexedDB 是一种可以让你在用户的浏览器内持久化存储数据的方法。IndexedDB 为生成 Web Application 提供了丰富的查询能力,使我们的应用在在线和离线时都可以正常工作。
觉醒法师
勤学习、干实事。
展开
-
IndexedDB的包装器JsStore - insert插入参数配置
JsStore是IndexedDB的包装器。它提供了简单的SQL,如api,易于学习和使用。IndexedDb查询可以在web worker中执行,JsStore通过提供一个单独的worker文件来保留这个功能。Insert API用于在表中插入新记录,还可以为未在db模式中定义的列插入数据。JsStore保留了IndexedDb的NoSql功能。原创 2023-04-28 00:28:59 · 684 阅读 · 0 评论 -
IndexedDB的包装器JsStore - 分页功能
JsStore是IndexedDB的包装器。它提供了简单的SQL像api,这是容易学习和使用。IndexedDb查询可以在web worker内部执行,JsStore通过提供一个单独的worker文件来保持这种功能。由于之前使用IndexedDB时,提供api不太丰富,自己写了一个分页功能函数,一直沿用之前功能函数(缺点:需把所有数据查询出来,通过函数进行筛选分页显示),其实JsStore提供了更为方便的分页查询功能,查询Api中提供了skip起始位和limit查询长度属性外,结合事务功能可以实现数据总长度原创 2023-04-23 21:05:06 · 786 阅读 · 2 评论 -
IndexedDB的包装器JsStore - 实现登录功能及事务处理
JsStore是IndexedDB的包装器。它提供了简单的SQL像api,这是容易学习和使用。IndexedDb查询可以在web worker内部执行,JsStore通过提供一个单独的worker文件来保持这种功能。这里将之前使用IndexedDB写的登录功能,改为JsStore来实现。对于事务,简单的理解就是,一个事务里的操作,要么全部执行成功,要么全部执行失败。原创 2022-12-25 01:05:48 · 1037 阅读 · 2 评论 -
IndexedDB的包装器JsStore - 数据库版本迭代
在之前几篇我们使用的Indexed是相关函数api,实现某些功能难度较大,但使用JsStore之后就会比较方便了。也就是说如果初期定义表字段类型,或需要新增字段等,可以通过alter进行更新。因此查询可以以两种方式执行——在web worker内部或在web worker之外。建议使用web worker,因为它在后台线程中运行脚本。IndexedDb查询可以在web worker内部执行,JsStore通过提供一个单独的worker文件来保持这种功能。它提供了简单的SQL像api,这是容易学习和使用的。原创 2022-12-09 12:54:02 · 834 阅读 · 7 评论 -
IndexedDB的包装器JsStore - 基础语法
JsStore是IndexedDB的包装器。它提供了简单的SQL像api,这是容易学习和使用。 IndexedDb查询可以在web worker内部执行,JsStore通过提供一个单独的worker文件来保持这种功能。原创 2022-12-07 18:59:40 · 1219 阅读 · 4 评论 -
本地数据库IndexedDB - 学员管理系统之条件筛选(四)
IndexedDB是浏览器提供的本地数据库,它可以被网页脚本创建和操作。IndexedDB允许存储大量数据,提供查找接口,还能建立索引。这些都是LocalStorage或Cookie不具备的。就数据库类型而言,IndexedDB不属于关系型数据库(不支持SQL查询语句),更接近NoSQL数据库。 这篇将讲解下关于IndexedDB的条件筛选,通过添加相应条件,可以增加我们的查询速度,再将更加方便。原创 2022-11-06 19:21:58 · 1760 阅读 · 0 评论 -
本地数据库IndexedDB - 学员管理系统之上传头像(三)
IndexedDB是浏览器提供的本地数据库,它可以被网页脚本创建和操作。IndexedDB允许存储大量数据,提供查找接口,还能建立索引。这些都是LocalStorage或Cookie不具备的。就数据库类型而言,IndexedDB不属于关系型数据库(不支持SQL查询语句),更接近NoSQL数据库。 在前面两篇中,讲解了系统登录和列表的增删改查功能;有些人可能还希望上传头像,这里我们可以将获取的图片转成base64图像或Blob二进制进行保存,因IndexedDB中不仅可以保存文本或Objec原创 2022-11-04 15:03:16 · 735 阅读 · 0 评论 -
本地数据库IndexedDB - 学员管理系统之列表管理(二)
IndexedDB是浏览器提供的本地数据库,它可以被网页脚本创建和操作。IndexedDB允许存储大量数据,提供查找接口,还能建立索引。这些都是LocalStorage或Cookie不具备的。就数据库类型而言,IndexedDB不属于关系型数据库(不支持SQL查询语句),更接近NoSQL数据库。原创 2022-11-03 18:13:57 · 518 阅读 · 1 评论 -
本地数据库IndexedDB - 学员管理系统之登录(一)
IndexedDB是浏览器提供的本地数据库,它可以被网页脚本创建和操作。IndexedDB允许存储大量数据,提供查找接口,还能建立索引。这些都是LocalStorage或Cookie不具备的。就数据库类型而言,IndexedDB不属于关系型数据库(不支持SQL查询语句),更接近NoSQL数据库。这里将带领大家使用IndexedDB写个简单的”学员管理系统(本地版)“。使用的技术框架是Vue.js +element-ui + vuex + axios + sass + indexedDB,系统栏目分类有:原创 2022-10-22 16:28:08 · 1559 阅读 · 3 评论 -
本地数据库IndexedDB - 初学者
IndexedDB 是一种可以让你在用户的浏览器内持久化存储数据的方法。IndexedDB 为生成 Web Application 提供了丰富的查询能力,使我们的应用在在线和离线时都可以正常工作。原创 2022-10-18 11:43:10 · 1608 阅读 · 0 评论