IndexedDB?是HTML5中的一種數(shù)據(jù)存儲(chǔ)方式。用來(lái)幫助網(wǎng)站，在瀏覽器本地，存儲(chǔ)結(jié)構(gòu)比較復(fù)雜的數(shù)據(jù)。它和HTML5中其它的數(shù)據(jù)存儲(chǔ)方式有一些共性：

1.和我們熟知的cookies類(lèi)似，IndexedDB是每個(gè)域名獨(dú)立存儲(chǔ)數(shù)據(jù)的。
對(duì)cookies不熟悉的童鞋，可以順便學(xué)習(xí)一下cookies，不過(guò)這不影響大家理解IndexedDB。網(wǎng)上cookies的教材和文章非常多，這里不一一列舉。

2.和localStorage相比，IndexedDB可以存儲(chǔ)任意格式的json object，而localStorage則只能存string，我們?cè)谑褂胠ocalStorage存儲(chǔ)復(fù)雜數(shù)據(jù)的時(shí)候，常常會(huì)協(xié)同JSON.parse和JSON.stringify一起工作，而IndexedDB則可以直接存取對(duì)象，無(wú)需轉(zhuǎn)換成字符串。
對(duì)localStorage不熟悉的童鞋，可以查閱w3c官方文檔，這里有一份我參與翻譯的中文版文檔，這里還有一些localStorage的使用建議。

3.和web sql database類(lèi)似，IndexedDB也分?jǐn)?shù)據(jù)庫(kù)，每個(gè)數(shù)據(jù)庫(kù)可以建立多個(gè)不同配置的表，而且所有的操作都在事務(wù)(transaction)中完成，不同之處在于web sql database是通過(guò)SQL執(zhí)行語(yǔ)句來(lái)完成操作的，而IndexedDB則直接通過(guò)JS API完成操作。
需要指出的是，web sql database規(guī)范已經(jīng)被w3c拋棄，對(duì)此不熟的朋友，也不必學(xué)習(xí)了，如果有童鞋想嘗試的，可以找一款webkit瀏覽器試試看(傲游3、chrome、safari)

IndexedDB的整體存儲(chǔ)結(jié)構(gòu)

見(jiàn)下圖，IndexedDB(以下簡(jiǎn)稱(chēng)IDB)嚴(yán)格遵循w3c的同源策略，每個(gè)源都擁有獨(dú)立的大存儲(chǔ)空間；每個(gè)大存儲(chǔ)空間內(nèi)，又可以通過(guò)當(dāng)前源下的頁(yè)面腳本創(chuàng)建多個(gè)數(shù)據(jù)庫(kù)；每個(gè)數(shù)據(jù)庫(kù)可以包含多個(gè)表(ObjectStore)；每個(gè)表都是一個(gè)json對(duì)象列表，可以存儲(chǔ)多個(gè)json對(duì)象，比如{"name": "jinjiang", "age": 26}。


ObjectStore中的key

不同的源、不同的數(shù)據(jù)庫(kù)、不同的表、不同的對(duì)象，都是如何識(shí)別的呢？不同的源直接通過(guò)域名進(jìn)行識(shí)別，比如weibo.com、maxthon.cn、renren.com；不同的數(shù)據(jù)庫(kù)通過(guò)一個(gè)字符串(name)識(shí)別，比如"blog"、"bbs"、"wiki"等；不同的表也通過(guò)一個(gè)字符串(name)識(shí)別，比如"users"、"contacts"、"articles"等；上面這些識(shí)別方式都很好理解，不太好理解的，是如何在表(ObjectStore)中識(shí)別不同的json對(duì)象，即key。

IDB為ObjectStore提供了兩種key：
1.鍵值對(duì)(out-of-line keys: key-value pair)
2.鍵路徑(inline keys: keyPath)

第1種是比較好理解的，就像localStorage中的鍵值對(duì)類(lèi)似，一個(gè)key對(duì)應(yīng)一個(gè)value，不同的時(shí)，localStorage中的key和value都是字符串類(lèi)型的，而IDB中的key和value都可以是其它json對(duì)象。比如

"a" => "b"
[3, 7] => 21

第2種是通過(guò)value中的某個(gè)屬性字段直接用作key。因?yàn)関alue都是json數(shù)據(jù)，所以我們可以這樣做，假如我們想創(chuàng)建一個(gè)表，里面的數(shù)據(jù)是類(lèi)似這種感覺(jué)的：

{profile: {id: 1, name: "葛優(yōu)"}, girls: [...]}
{profile: {id: 7, name: "James Bond"}, girls: [...]}
{profile: {id: 8, name: "周星馳"}, girls: [...]}

那么我們就可以把profile里的id作為key，方法是為這個(gè)表指定一個(gè)keyPath

keyPath => 'profile.id'

這樣ObjectStore就會(huì)自動(dòng)按照每個(gè)value的value.profile.id進(jìn)行識(shí)別和匹配。

以上就是2種json對(duì)象的識(shí)別方式。除此之外，我們還可以為ObjectStore加入自增id特性(key generator)，這一特性可以讓IDB在添加數(shù)據(jù)時(shí)自動(dòng)分配一個(gè)唯一的key，如果是第2種key，IDB還會(huì)把key存在響應(yīng)的keyPath下。

以上就是對(duì)IndexedDB存數(shù)結(jié)構(gòu)的介紹，先告一段落。
下一篇文章，會(huì)通過(guò)簡(jiǎn)單的接口介紹，幫助大家進(jìn)一步認(rèn)識(shí)IndexedDB。

轉(zhuǎn)載于:https://www.cnblogs.com/tingzi/archive/2012/08/07/2626621.html

總結(jié)

以上是生活随笔為你收集整理的IndexedDB技术简介(一)（转）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。