在html5之前的時(shí)代，如果需要在客戶端本地保存數(shù)據(jù)，只能存儲(chǔ)在Cookie中，但是Cookie使用過(guò)多會(huì)影響請(qǐng)求速度，所以并不適合存儲(chǔ)大量數(shù)據(jù)。

而在HTML5面世后，自帶了本地存儲(chǔ)和本地?cái)?shù)據(jù)庫(kù)功能，更為便捷的管理客戶端數(shù)據(jù)。

HTML5本地?cái)?shù)據(jù)庫(kù)是什么？

HTML5提供了一個(gè)基于瀏覽器端的數(shù)據(jù)庫(kù)（WebSQL 、IndexedDB），我們可以通過(guò)JS API來(lái)在瀏覽器端創(chuàng)建一個(gè)本地?cái)?shù)據(jù)庫(kù)，而且它還支持標(biāo)準(zhǔn)的SQL來(lái)執(zhí)行CRUD操作。

如何查看本地的數(shù)據(jù)庫(kù)呢？通過(guò)各個(gè)瀏覽器的調(diào)試工具可以查看。

H5本地?cái)?shù)據(jù)庫(kù)Web SQL使用方法

在HTML5中操作本地?cái)?shù)據(jù)庫(kù)都是通過(guò)JS API來(lái)實(shí)現(xiàn)的，很簡(jiǎn)單，步聚如下：

1、通過(guò) openDatabase 創(chuàng)建數(shù)據(jù)庫(kù)對(duì)象

var db=openDatabase(數(shù)據(jù)庫(kù)名稱,數(shù)據(jù)庫(kù)版本號(hào),數(shù)據(jù)庫(kù)描述,數(shù)據(jù)庫(kù)大小,回調(diào)函數(shù))

2、通過(guò) db.transaction 設(shè)置回調(diào)函數(shù)

3、通過(guò) executeSql 方法執(zhí)行查詢

H5連接遠(yuǎn)程線上數(shù)據(jù)庫(kù)

HTML5默認(rèn)情況下是無(wú)法連接遠(yuǎn)程數(shù)據(jù)庫(kù)的，一般都是通過(guò)API去操作數(shù)據(jù)庫(kù)。比如當(dāng)下流行的前后端完全分離，借助的就是RESTful來(lái)實(shí)現(xiàn)業(yè)務(wù)數(shù)據(jù)的CRUD操作。