HTML5本地存储——Web SQL Database

分享到:

HTML5 WebStorage介绍了html5本地存储的Local Storage和Session Storage,这两个是以键值对存储的解决方案,存储少量数据结构很有用,但是对于大量结构化数据就无能为力了,灵活大不够强大。

Web SQL Database

我们经常在数据库中处理大量结构化数据,html5引入Web SQL Database概念,它使用 SQL 来操纵客户端数据库的 API,这些 API 是异步的,规范中使用的方言是SQLlite,悲剧正是产生于此,Web SQL Database规范页面有着这样的声明

image

This document was on the W3C Recommendation track but specification work has stopped. The specification reached an impasse: all interested implementors have used the same SQL backend (Sqlite), but we need multiple independent implementations to proceed along a standardisation path.

 大概意思就是

这个文档曾经在W3C推荐规范上,但规范工作已经停止了。目前已经陷入了一个僵局:目前的所有实现都是基于同一个SQL后端(SQLite),但是我们需要更多的独立实现来完成标准化。

也就是说这是一个废弃的标准了,虽然部分浏览器已经实现,但。。。。。。。

三个核心方法

但是我们学一下也没什么坏处,而且能和现在W3C力推的IndexedDB做比较,看看为什么要废弃这种方案。Web SQL Database 规范中定义的三个核心方法:

  1. openDatabase:这个方法使用现有数据库或新建数据库来创建数据库对象
  2. transaction:这个方法允许我们根据情况控制事务提交或回滚
  3. executeSql:这个方法用于执行SQL 查询

 

openDatabase

我们可以使用这样简单的一条语句,创建或打开一个本地的数据库对象

var db = openDatabase('testDB', '1.0', 'Test DB', 2 * 1024 * 1024);
昵    称:
验证码:

相关文档:

  • html5 canvas 旋转扩大
    <!doctypehtml> <html> <head> <metacharset="utf-8"> <title>无标题文档</title> <script> window.onload=function() {...
  • 服务器变量 超级全局数组$_SERVER (附加超简单表单与html5表单属性)
    001.html <html> <head><title>userlog</title> <metahttp-equiv="content-type"content="text/html;charset:utf-8"> </head...
  • 10款经典的jQuery、HTML5和CSS3插件
    1、jQuery和css3炫酷3D互动图片画廊特效 这是一款使用jQuery和css3制作的炫酷3D互动图片画廊特效插件。该3d互动图片画廊插件可以使图片3d倾...
  • cocos2d-html5 onEnter init ctor构造函数 ----js特有特性(和c++有一点不一样)
    ctor构造函数,new一个对象的时候调用-----coco2d-js,默认ctor,为对象的构造函数,其它也可以默认其它函数为构造函数。说白了就是:ctor构...
  • 20个新鲜出炉的网站模板【HTML & PSD】
    这里给大家分享20个新鲜出炉的免费网站模板。这些设计元素将成为你下一个项目的重要素材,可以帮你节省很多的时间。与往常一样,...
  • Html5的等学习
    看了w3c感觉是说明文档,没有详细的说明,然后就去看其他的 html5其实就是在html的基础上做了一些改变,感觉html5的推广还是需要时间的...
  • HTML5与HTML4的区别
    A.简化的语法 更简单的doctype声明是HTML5里众多新特征之一。现在你只需要写,这就行了。HTML5的语法兼容HTML4和XHTML1,但不兼容SGML。 B.一...
  • "Mobifying" Your HTML5 Site
    http://www.html5rocks.com/en/mobile/mobifying/#toc-optimizations...
  • html5world笔记
    HTML5学习笔记 一:表单及其他新增和改良的元素 1.1以前表单内的从属元素必须写在表单的内部,在5中可以把它写在任何的部位中的label...
  • 基于HTML5实现五彩连珠小游戏
    今天给大家分享一款基于HTML5实现五彩连珠小游戏。这款游戏的规则:点击彩球移动到期望的位置,每移动一次,画面将随机出现3个新的...
  • 基于HTML5/CSS3图片网格动画特效
    现在HTML5技术可以让网页上的图片变得非常神奇,各种各样的HTML5图片动画特效让你眼花缭乱。今天要分享的这款HTML5图片网格动画特效就...
  • 一款基于HTML5 Canvas的画板涂鸦动画
    今天给各网友分享一款基于HTML5Canvas的画板涂鸦动画。记得之前我们分享过一款HTML5Canvas画板工具,可以切换不同的笔刷,功能十分强大...
  • 移动手机平台的HTML5前端优化指南
    对于访问量大的网站来说,前端的优化是必须的,即使是优化1KB的大小对其影响也很大,下面来看看来自ISUX的米随随讲讲移动手机平台...
  • html5(八) IndexedDB
    IndexedDB是一个数据库系统,它在用户的计算机上存储索引信息。 IndexedDB与传统的数据库不同。在IndexedDB中,数据库中的信息以对象的形...
  • 移动端html页面优化(转)
    对于访问量大的网站来说,前端的优化是必须的,即使是优化1KB的大小对其影响也很大,下面来看看来自ISUX的米随随讲讲移动手机平台...
  • web app与app的区别,即html5与app的区别
    公司准备要做一个项目,是p2p配资的app。在网上问了一些人后,发现有的是直接有html5做好后,用软件封装的。之前我学过app的开发,当...
  • html5 button 做超链接
    <ahref="http://127.0.0.1/amazon/b4afa549136e9d5660b190d717986c115a136be7/full.zip"><buttonclass="btnbtn-successbtn-mini"type="button">下载图片...
  • HTML5视音频小结
    目前,大多数视频是通过插件(比如Flash)来显示的。然而,并非所有浏览器都拥有同样的插件。HTML5规定了一种通过video元素来包含视频...
  • Notepad++插件Emmet和Python Script的安装
    最近在做一个项目,涉及到大量的HTML、CSS代码的编写,手动写代码效率实在是低下。于是想搜索一下,有没有Notepad++插件可以支持自动...
  • 使用shadow dom封装web组件
    什么是shadowdom? 首先我们先来看看它长什么样子。在HTML5中,我们只用写如下简单的两行代码,就可以通过<video>标签来创建一个浏...