IndexedDB

AlienZHOU 發(fā)布于2019-08-26 11:47 / 2807人閱讀

摘要：對象存儲對象存儲相當于保存數(shù)據(jù)的桶。其思想是每個需要持久化的數(shù)據(jù)類型都有一個對象存儲。對象存儲只能在事件處理期間創(chuàng)建。創(chuàng)建對象存儲要創(chuàng)建對象存儲，首先應該檢查它是否存在。定義主鍵在對象存儲中，每條數(shù)據(jù)都必須有一種能夠唯一標識自己的方式。

IndexedDB是一個功能強大且高度靈活的存儲系統(tǒng)，你可以使用它在用戶瀏覽器中存儲你希望存儲的任何數(shù)據(jù)。不過，出色的功能和靈活性致使其API不像Web存儲那么友好。你還會發(fā)現(xiàn)，移動端瀏覽器對IndexedDB的支持還不是很友好，即使支持。

IndexedDB關鍵術語 數(shù)據(jù)庫

IndexedDB的最上層是數(shù)據(jù)庫的概念。

對象存儲

對象存儲相當于保存數(shù)據(jù)的桶。如果你使用過傳統(tǒng)的關系型數(shù)據(jù)庫，則可以將對象存儲想象成一張表。但是IndexedDB可以更靈活地存儲數(shù)據(jù)。

索引

索引是一種從對象存儲中檢索數(shù)據(jù)的方式。

使用數(shù)據(jù)庫

創(chuàng)建數(shù)據(jù)庫時，需要提供一個名稱和版本。數(shù)據(jù)庫結構(指對象存儲和索引，而不是實際數(shù)據(jù)本身)只能在更改版本時臨時調(diào)整。
在IndexDB中，你所做的所有操作都是異步的。因此，打開數(shù)據(jù)庫并不意味著立即就可以使用，而是需要在響應一個事件之后才可以使用。打開數(shù)據(jù)庫操作可以觸發(fā)的事件包括success、error、upgradeneeded和blocked.
其中upgradeneeded在用戶首次訪問數(shù)據(jù)庫或者版本號發(fā)生變化時出發(fā)，這是設置數(shù)據(jù)結構的地方。bloced在數(shù)據(jù)庫不可用或者無法使用時被觸發(fā)。

function idbOK(){
    return "indexedDB" in window;
}
$(documengt).ready(function() {
    if(!idbOK) return;
    var openRequest = indexedDB.open("ora_idb1", 1);
    openRequest.onsuccess = function(e) {
        var db = e.target.result;
    }
});

上述代碼中，首先檢查瀏覽器是否支持IndexedDB。如果支持，則使用indexedDB.open方法打開數(shù)據(jù)庫。第一個參數(shù)是數(shù)據(jù)庫名稱。由于一個IndexedDB數(shù)據(jù)庫只提供給一個網(wǎng)站使用，因此不用擔心該名稱和其他數(shù)據(jù)庫的名稱相沖突。

使用對象存儲

前面說過，indexedDB對象存儲有點像SQL數(shù)據(jù)庫表。它應該只包含一種“類型”的數(shù)據(jù)，比如"people""notes"或其他對象的實例。其思想是每個需要持久化的數(shù)據(jù)類型都有一個對象存儲。
對象存儲只能在upgradeneeded事件處理期間創(chuàng)建。假設你設計的數(shù)據(jù)庫支持兩種對象存儲。數(shù)據(jù)之后，你又決定存戶第三種類型的數(shù)據(jù)。你需要做兩件事：第一，更改版本號；第二，編寫代碼，增加新的對象存儲。

創(chuàng)建對象存儲

要創(chuàng)建對象存儲，首先應該檢查它是否存在?？梢岳脭?shù)據(jù)庫變量(從打開數(shù)據(jù)庫操作的事件處理器獲得)訪問objectStoreNames屬性。該屬性是一個DOMStringList實例,你可以查看它是否已經(jīng)包含了某個值。如果沒有，則可以調(diào)用createObjectStore("name", options)方法創(chuàng)建對象存儲。

openRequest.onupgradeneeded = function(e) {
    var thisDB = e.target.result;
    if(!thisDB.objectStoreNames.contains("firstOS")) {
        thisDB.createObjectStore("firstOS");
    }
}

定義主鍵

在對象存儲中，每條數(shù)據(jù)都必須有一種能夠唯一標識自己的方式。在定義對象存儲時，你可以定義如何唯一地標識數(shù)據(jù)。
實際上，主要有兩種定義方式。一種是定義一個key path,它本質(zhì)上是一個永遠存在并且包含唯一信息的屬性。另一種是使用key generator,它本質(zhì)上是一種生成唯一值的方式。

GPU云服務器云服務器 indexedDB

文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/107550.html

初探IndexedDB

背景隨著前端技術日新月異地快速發(fā)展，web應用功能和體驗也逐漸發(fā)展到可以和原生應用媲美的程度，前端緩存技術的應用對這起到了不可磨滅的貢獻，因此想一探前端的緩存技術，這篇文章主要會介紹在日常開發(fā)中比較少接觸的IndexedDB IndexedDB 什么是IndexedDB IndexedDB簡單理解就是前端數(shù)據(jù)庫，提供了一種在用戶瀏覽器中持久存儲數(shù)據(jù)的方法，但是和前端關系型數(shù)據(jù)不同的是，Index...

jsyzchen 2019-08-23 17:10 評論0 收藏0
IndexedDB使用與出坑指南

摘要：在不指定的情況下，默認版本號為。具體示例如下在需要更新數(shù)據(jù)庫的模式時，需要更新版本號。此時我們指定一個高于之前版本的版本號，就會觸發(fā)事件。數(shù)據(jù)操作事務在中，我們也能夠使用事務來進行數(shù)據(jù)庫的操作。概述本文通過對IndexedDB的使用方法和使用場景進行相關介紹，對常見的問題進行解答。同時，因為MDN中的相關文檔缺乏相關邏輯性，所以不容易理解。本文將通過項目中常見的數(shù)據(jù)存儲和操作需求...

陳偉 2019-08-20 11:04 評論0 收藏0
indexedDB入門

摘要：概述是一個事務型數(shù)據(jù)庫系統(tǒng)，類似于基于的。然而不同的是它使用固定列表，是一個基于的面向?qū)ο蟮臄?shù)據(jù)庫。參考文檔瀏覽器數(shù)據(jù)庫入門教程概述 IndexedDB 是一個事務型數(shù)據(jù)庫系統(tǒng)，類似于基于 SQL 的 RDBMS。然而不同的是它使用固定列表，IndexedDB 是一個基于 JavaScript 的面向?qū)ο蟮臄?shù)據(jù)庫?，F(xiàn)有的瀏覽器數(shù)據(jù)儲存方案，都不適合儲存大量數(shù)據(jù)：Cookie 的大小...

awesome23 2019-08-23 15:10 評論0 收藏0
HTML5 進階系列：indexedDB 數(shù)據(jù)庫

摘要：版本號必須為整數(shù)更新版本，打開版本為的數(shù)據(jù)庫新數(shù)據(jù)庫版本號為我們通過監(jiān)聽請求對象的事件來定義數(shù)據(jù)庫版本更新時執(zhí)行的方法。前言在 HTML5 的本地存儲中，有一種叫 indexedDB 的數(shù)據(jù)庫，該數(shù)據(jù)庫是一種存儲在客戶端本地的 NoSQL 數(shù)據(jù)庫，它可以存儲大量的數(shù)據(jù)。從上篇：HTML5 進階系列：web Storage ，我們知道 web Storage 可以方便靈活的在本地存取...

philadelphia 2019-08-20 16:07 評論0 收藏0