html5 indexDB的使用

【html5 indexDB的使用】的更多相关文章

HTML5项目笔记10：使用HTML5 IndexDB设计离线数据库

之前的文章(http://www.cnblogs.com/wzh2010/archive/2012/05/22/2514017.html)里面描述了HTML5 离线数据存储的Web SQL,一个基于SQLite 的离线数据库,不过W3C 的 WebDatabase 规范中说这份规范不再维护了,取而代之的是IndexDB,一个NoSQL类型的数据库. Html5Rocks把他们的优缺点做了比对,IndexDB综合看来有如下优点: 允许快速索引和搜索的对象,所以在HTML5 的 web应用程序中,…

angular.module('indexdb', []) .factory('indexDbJs', [function() { const CurDBVersion = 10000; window.indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB; window.IDBTransaction = window.IDBTransaction ||…

HTML5:离线存储(缓存机制)-IndexDB

https://www.w3.org/TR/IndexedDB/ .. <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script src="jquery-1.12.3.min.js"></script> <script type="text/javascript"> window.indexedD…

html5中的indexDB

1.关系型数据库和非关系型数据库一致性: 事务完成时,必须让所有的数据具有一致的状态,例如要写入100个数据,前99个成功了,结果第100个不合法,此时事务会回滚到最初状态.这样保证事务结束和开始时候的存储数据处于一致状态. 关系型数据库: 一致性要求高,读写性能低,使用通用sql 非关系型数据库:灵活,key-value的形式,读写性能好,数据结构不固定 2.事务,ACID特性事务:指对数据库一个序列上的操作,比如先执行插入,再执行更改,两个操作按顺序执行, 要么都执行,要么都不执行. A…

HTML5 学习总结（三）——本地存储

一.HTML4客户端存储 B/S架构的应用大量的信息存储在服务器端,客户端通过请求响应的方式从服务器获得数据,这样集中存储也会给服务器带来相应的压力,有些数据可以直接存储在客户端,传统的Web技术中会使用Cookie,但Cookie有一些缺点,为了说明这个缺点我们先看看当提交表单时会有那些信息会被浏览器收集后发送到服务器. 1.1.提交表单发送到服务器的信息 1).带name的可用表单元素 2).url 3).客户端请求头部信息 4).cookie <%@ page language="j…

五大主流浏览器 CSS3 和 HTML5 兼容性大比拼

各大主流浏览器对 CSS3 和 HTML5 的支持越来越完善,曾经让多少前端开发人员心碎的IE系也开始拥抱标准.就在前几天,W3C的 HTML5 社区领袖 Shelley 宣布,HTML5的开发工作已经接近完成,如果进展顺利,HTML5 将在 2012 年正式成为国际标准. 当然,即使标准正式制定了,现代浏览器要普及到大部分用户也是需要一个相当漫长的过程.如果你现在就希望使用 CSS3 和 HTML5 创建你的站点,需要对各个浏览器对这两种新技术的支持情况有一个全面了解.本文是一份IE,Chro…

HTML5存储之 indexedDB

IndexeDB是HTML5 重要的一部分,它是一种轻量级的NOSQL数据库.对创建具有丰富本地存储数据的数据密集型的离线HTML5 Web 应用程序很有用. IndexedDB是为了能够在客户端存储大量的结构化数据,并且使用索引高效检索的API.同时还有助于本地缓存数据,是Web应用程序可以更快的运行和相应,提高用户的体验度. 那么说了这么多,IndexedDB这个到底是个什么东东呢 ? 我个人理解IndexedDB 就是一种能在浏览器中持久地存储结构化数据的数据库,并且为WEB应用提供了丰富…

HTML5 离线缓存管理库

一.HTML5离线缓存技术支持离线缓存是HTML5中的一个重点,离线缓存就是让用户即使在断网的情况下依然可以正常的运行应用.传统的本地存储数据的方式有 localstorage,sessionstorage和cookie.但是这些传统的方式有着致命的弊端.首先这些传统的存储方式的最大使用空间有限,最多不超过5M;其次它们处理大规模的结构化数据的能力有限.鉴于传统方式的局限性,HTML5提出了三种新的离线缓存解决方案:Web SQL,indexedDB和File System. 其中Web S…

HTML5和CSS3新特性一览

HTML5 1.HTML5 新元素 HTML5提供了新的元素来创建更好的页面结构: 标签描述 <article> 定义页面独立的内容区域. <aside> 定义页面的侧边栏内容. <bdi> 允许您设置一段文本,使其脱离其父元素的文本方向设置. <command> 定义命令按钮,比如单选按钮.复选框或按钮 <details> 用于描述文档或文档某个部分的细节 <dialog> 定义对话框,比如提示框 <summary>…

html5 之本地数据存储

HTML5 提供了两种在客户端存储数据的新方法: localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储 cookie与webStorage的对比: cookie的缺陷是非常明显的 1. 数据大小:作为存储容器,cookie的大小限制在4KB左右这是非常坑爹的,尤其对于现在复杂的业务逻辑需求,4KB的容量除了存储一些配置字段还简单单值信息,对于绝大部分开发者来说真的不知指望什么了. 2. 安全性问题:由于在HTTP请求中的co…