html5 indexdb api,IndexDB API

特点

1 .indexDB就是浏览器提供的本地数据库，可以被网页脚本创建和操作

2 .indexDB可以允许存储大量的数据，提供查找接口，还能建立索引

3 .特点

1 .键值对存储：indexedDB内部采用对象仓库存放数据，所有的数据都是可以直接存入的，包括js对象，对象仓库中，数据以键值对形式保存，每一个数据记录都由对应的主键，主键是独一无二的，不能有重复，否则会有错误

2 .异步：indexDB操作时不会锁死浏览器，用户依然可以进行其他操作，不像localstorage，他的操作是同步的。异步设计可以预防大量数据的读写可能导致的拖慢网页的表现

3 .支持事物：indexedDB支持事务这样就意味着一系列操作中，只要有异步操作失败，整个事物就全部取消，数据库回滚到事物发生前的状态，不存在只改写一部分数据的情况

4 .同源限制：indexedDB受到同源限制，每一个数据库对应创建他的域名，网页只能访问自身域名下的数据库，而不能访问跨域的数据库

5 .存储空间大：不少于250M,甚至没有上限

6 .支持二进制存储：indexDB不仅可以存储字符串，而写还可以存储二进制数据，ArrayBuffer和Blob对象

7 .

基本概念

1 .数据库 database对象

1 .每个域名可以新建任意多个数据库

2 .indexedDB数据库有版本的概念。同一时刻只能有一个版本的数据库存在，如果要修改数据库结构或者新增，删除表，索引或者主键。只能通过升级数据库版本完成

3 .必须有一个数据库的名字

2 .对象仓库 ObjectStore对象

1 .对象仓库，类似于关系数据库的表格

2 .里面开辟一个空间来存特定结构的数据

3 .一个数据库可以有很多的objectStore

4 .所有的Oobect必须具备相同的一个属性名。就是keyPath。

keyPath

1 .规定了你把object的哪个属性作为检索的入口

2 .get方法就是传入索引的值。

3 .因此所有的索引的值都应该是唯一的，所以就要在建立索引的时候，传入一个unique的参数。

.索引 index对象

1 .

4 .事物 Transaction 对象

1 .数据记录的读写和删除，都要通过事物来完成，事物对象提供error,abort，complete三个事件，用来监听操作结果

5 .操作请求 Request对象

6 .指针 Cursor对象

7 .主键集合 KeyRange对象

8 .存储的对象

1 .object结构化数据，不能存function等非结构化数据，必须是键值对组成的字面对象

2 .支持嵌套结构，也就是obejct里面潜逃了object,和js无缝对接

核心代码

1 .其实写库都是对于对象的另一种封装或者描述

2 .和原生浏览器定义的对象是一一对应的

3 .

IDBOpenDBRequest对象

1 .

html5 indexdb api,IndexDB API相关推荐

html约束验证的例子,HTML5利用约束验证API来检查表单的输入数据的代码实例
HTML5对于表单有着极大程度的优化,无论是语义,小部件,还是数据格式的验证.我猜你肯定会以浏览器兼容作为借口不愿意使用这些"新功能",但这绝不应该成为使你停滞不前的原因,况且还有 ...
html5获取地理位置信息API
html5获取地理位置信息API 在HTML5中,可以看下如何使用Geolocation API来获得用户的地理位置信息,如果该浏览器支持的话,且设备具有定位功能,就能够直接使用这组API来获取当前位 ...
HTML5关于上传API的一些使用（上）
HTML5提供了很多有用的API,其中就包括上传的API,XMLHttpRequest2.0,在HTML5时代之前,需要进行二进制的上传一般都会才用flash的方案,但是当XMLHttpRequest ...
html5 定位计算距离,HTML5 地理定位+地图 API：计算用户到商家的距离
背景最近在做一个类似支付宝口碑商家的功能模块,其中有个功能就是计算出用户与商家的距离,如下图: 支付宝口碑商家页面截图思路分析 1.商家选取店铺地址,将坐标经纬度存入数据库: 2.移动端定位当前用 ...
HTML5 postMessage 和 onmessage API 详细应用
HTML5 postMessage 和 onmessage API 详细应用在学习HTML5的时候发现一位大神的博文,解决了个人的很多疑惑,转载分享给大家原文地址:https://www.cnbl ...
plusready html5,Android平台5+ API提前生效，支持在plusready事件前调用
ios上plus是一直存在的,不涉及等ready事件.但安卓上还是需要等plus ready. 在安卓环境中,通常情况下需要html页面解析完成后才会让5+ API生效,安卓的执行的顺序为: 加载ht ...
ecshop /api/client/api.php、/api/client/includes/lib_api.php SQL Injection Vul
catalog 1. 漏洞描述 2. 漏洞触发条件 3. 漏洞影响范围 4. 漏洞代码分析 5. 防御方法 6. 攻防思考 1. 漏洞描述 ECShop存在一个盲注漏洞,问题存在于/api/clien ...
架构师之路 — API 经济 — API 实现方式
目录文章目录目录 API 实现方式 Design-First(设计优先) Code-First(编码优先) API 设计规范为用户设计 API 识别 API 的目标 Mock API Serve ...
云小课 | 使用ROMA API，API管理从此不用愁
阅识风云是华为云信息大咖,擅长将复杂信息多元化呈现,其出品的一张图(云图说).深入浅出的博文(云小课)或短视频(云视厅)总有一款能让您快速上手华为云.更多精彩内容请单击此处. 摘要:ROMA API致 ...
拼多多商品详情页 API接口、拼多多商品SKU数据接口 API接口、拼多多关键词搜索接口 API接口 API接口、拼多多关键词采集 API接口、拼多多采集接口 API接口、拼多多详情 API接口
拼多多API接口,提供商品解析,商品采集等. 拼多多采购项目.店群项目等都可以对接下方点击注册就可以对接了点击注册拼多多商品详情页 API接口.拼多多商品SKU数据接口 API接口.拼多多关键词 ...

html5 indexdb api,IndexDB API

html5 indexdb api,IndexDB API相关推荐

最新文章

热门文章