html5 初试 indexedDB

indexedDB是存储大量结构化数据的API,demo中用到的是异步API,麻烦的就是所有对indexedDB的操作都会发生一个异步的‘请求’,只要熟悉了API操作起来也很简单。

http://www.cnblogs.com/haner/archive/2012/02/03/2337060.html

http://www.cnblogs.com/dolphinX/p/3415761.html

时间: 2024-10-20 04:13:26

html5 初试 indexedDB的相关文章

html5 初试 Web SQL Database

Web SQL Database API不包含在html5规范中,它是一个独立的规范,它引入了一套使用 SQL 操作客户端数据库的 API.所有现代浏览器都支持此API.它使用的SQL是SQLite . html5 中使用 Local and session storage 本地存储非常的方便,键值对方式虽说是使用方便,但对一些大量的数据结构处理就力有不及了,而Web SQL Database正适合这种类型的数据存储. Web SQL Database 是异步的. 连接/创建Database:

HTML5之IndexedDB使用详解

随着firefox4正式版的推出,IndexedDB正式进入我们的视线.IndexedDB是HTML5-WebStorage的重要一环,是一种轻量级NOSQL数据库.相较之下,WebDataBase标准已经很长时间没有更新,大有被IndexedDB取代的意思. Section 1:起步,得到Database引用 w3c为IndexedDB定义了很多接口,其中Database对象被定义为IDBDataBase.而得到IDBDataBase用的是工厂方法,即从IDBFactory中取得.浏览器对象中

使用 HTML5 的 IndexedDB API

1. [代码]判断是否支持 IndexedDB     var indexedDB = window.indexedDB || window.webkitIndexedDB || window.mozIndexedDB || window.msIndexedDB;2. [代码]打开数据库 var db;var request = indexedDB.open("TestDatabase");request.onerror = function(evt) {  console.log(&

IndexedDB: 浏览器里内置的数据库简介

一.概述: 所有的应用程序都需要"数据"支持.对于大多数的Web应用程序来说,数据是在服务器端进行组织和整理,然后由客户端(浏览器端)通过网络请求获取.随着浏览器的处理能力不断增强,可以在浏览器端存储和操纵应用程序需要的数据,因此越来越多的网站开始考虑,将大量数据储存在本地客户端,这样可以减少用户等待从服务器端获取数据的时间. 现有的浏览器端数据储存方案,都不适合储存大量数据.Cookie不超过4KB,且每次请求都会发送回服务器端:Window.name属性缺乏安全性,且没有统一的标准

【缓存\性能】HTML5缓存的那些事

更多前端文章:http://lvtraveler.github.io/ 关于存储 说到存储,你可能会想到这是服务器端的一种设置. 服务器端的存储介质大体上分为4种: cache:缓存,它可以让从数据库.磁盘上输出的东西/数据放置在缓存里,从而减少数据库或是磁盘的读取与写入(IO)操作: 磁盘文件:如,我们常常会将图片.视频等文件存放在磁盘上: 数据库:mySql\mongoDB-关系\非关系数据库: 内存:通常放置频繁要使用到的东西,能够提高读取效率:缓存(cache)也是存放在内存里的: HT

HTML5 自制本地网页视频播放器

HTML5初试:本地视频用网页打开啦半个广告都可以没有,看来暴风什么的快要淘汰了. 视频格式还是有要求的,看来要备一个转码器. 格式 IE Firefox Opera Chrome Safari Ogg No 3.5+ 10.5+ 5.0+ No MPEG 4 9.0+ No No 5.0+ 3.0+ WebM No 4.0+ 10.6+ 6.0+ No 1 <!DOCTYPE html> 2 <html> 3 <body> 4 5 <div style=&quo

浏览器相关--H5本地存储

这一系列主要研究一下浏览器底层的一些东西,包括协议.存储.底层变量.部分API等. 今天首先介绍一下浏览器底层存储技术. 浏览器存储主要包括一下几个部分1. cookie2. localStorage3. sessionStorage4. indexDB5. websql6. window变量7. flash cookie 下面具体说一下,虽然也没特别具体... 1.cookie这个存储用了很久了,而且也是以前大多网站十分喜欢的存储站点.但是也很容易被清除.同时cookie会在每一次通信过程中传

HTML5本地存储IndexedDB基础使用

做项目时需要用H5本地存储,感觉还不错 下面是一些基础知识和一个完整的实例 HTML5 的一个重要特性是本地数据持久性,它使用户能够在线和离线访问 Web 应用程序.此外,本地数据持久性使移动应用程序更灵敏,使用的带宽更少,而且能够在低带宽场景中更高效地工作.HTML5 提供了一些本地数据持久性选项.第一个选项是 localstorage,它支持您使用一个简单的键值对来存储数据.IndexedDB(一个更加强大的选项)支持您本地存储大量对象,并使用健壮的数据访问机制检索数据. IndexedDB

HTML5新特性之客户端数据库(IndexedDB)

1.简述 在HTML5本地存储--Web SQL Database提到过Web SQL Database实际上已经被废弃(由于至今Firefox和IE不支持),而HTML5的支持的本地存储实际上变成了Web Storage(Local Storage和Session Storage)与IndexedDB.Web Storage使用简单字符串键值对在本地存储数据,方便灵活,但是对于大量结构化数据存储力不从心,IndexedDB是为了能够在客户端存储大量的结构化数据,并且使用索引高效检索的API.