美文网首页
indexedDB学习记录

indexedDB学习记录

作者: LOVE小狼 | 来源:发表于2017-10-26 19:42 被阅读13次

浏览器三大本地缓存中,session与local存储的内容数量有限并且不提供查询优化,而indexedDB提供了很大的存储空间,同时提供索引优化查询,因此当需要本地化缓存大量结构化数据时是一个相对不错的选择。
兼容性:支持IE10+
官网使用指南
https://developer.mozilla.org/zh-CN/docs/Web/API/IndexedDB_API/Using_IndexedDB

一. 操作

创建数据库,创建数据表对象,增删改查数据,关闭数据库,添加索引与索引查询,
游标查询(只有游标查询支持多条数据查询)

onupgradeneeded与success的区别

二. 键值生成策略

如果想使用存储对象中的属性作为键值则使用key path,想使用自定义属性作为键值则必须使用key generator来指定生成策略
[图片上传中。。。(1)]

三. 事务

在对db进行任何操作前,必须指定操作的事务范围(objectStore数组)与事务类型(只读,可写等,默认为只读),然后在事务范围中获取objectStore,对objectStore进行操作(add,get,put,delete)

四. 索引与游标

五. 安全

注意事项

  1. Firefox 的 Private Browsing 模式和 Chrome 的 Incognito 模式完全禁止indexedDB的使用,因此在使用它时必须提供备选方案
  2. 为防止webapp恶意使用indexedDB,在第一次打开时会提醒用户是否决定使用

相关文章

  • indexedDB学习记录

    浏览器三大本地缓存中,session与local存储的内容数量有限并且不提供查询优化,而indexedDB提供了很...

  • IndexedDB的使用教程

    以下是我在学习IndexedDB时做的总结,为了方便以后使用时速查,特意记录如下: 一. IndexedDB介绍 ...

  • IndexedDB浏览器数据库介绍以及基本操作封装

    学习阮一峰老师的IndexedDB入门教程IndexedDB_APIIDBKeyRange 情况介绍 项目要求离线...

  • IndexedDB 学习

    IndexedDB 学习 介绍 IndexedDB 是一个基于 JavaScript 的面向对象的事务型数据库。其...

  • indexedDB 使用记录

    由于之前的项目采用过websql作为数据存储,就是因为websql和真机的sqlite都是属于关系型数据库,可以使...

  • 先学习indexedDB

    IndexedDB数据库 一、浏览器存储概述 Cookie:大小不超过4KB,且每次请求都会发送回服务器。 Loc...

  • 前端数据存储之IndexedDB

    IndexedDB 一、关于前端数据存储常用的几个方案 Cookie Web Storage IndexedDB ...

  • 关于indexedDB的学习

    相关对象 IDBFactory 作用:用于创建或打开数据库,并管理数据库的版本 获取方式:var IDBFacto...

  • indexDB

    参考:IndexedDB 教程

  • IndexedDB 教程

    IndexedDB 教程 IndexedDB 是一个基于 JavaScript 的面向对象的事务型数据库。有了 L...

网友评论

      本文标题:indexedDB学习记录

      本文链接:https://www.haomeiwen.com/subject/frtlpxtx.html