IndexedDB 2.0 更新了!

IndexedDB 是一個瀏覽器內置的 NoSQL 底層實現,它允許你存儲簡單值以及結構化數據。不過即便是在 Mozilla 的手冊上 (IndexedDB - Web API 接口 | MDN)也是推薦使用第三方封裝的庫而非直接調用這個 API。Hacker News 上更是招來一片有關 API復雜,沒有 SQL 功能的抱怨。這也就是為什么截止到 2017 四月 26 日。整個互聯網上有關 IndexedDB 2.0 的中文內容是 0(A big flat zero)

IndexedDB 就是一個簡單的 NoSQL 實現,你可以在其上自行封裝 API,甚至于封裝一個 SQL 語法接口也未嘗不可。

題外話:因為所有 WebSQL 的實現背后都是 SQLite,所以委員會覺得這個提案已經不太可能進行標準化了。對于委員會的人來說,寫一個 SQLite 的說明文件當標準,實在沒有意義了。標準的價值就在于統籌多個實現,而因為只有一個實現,標準也就沒有了價值。喜歡 SQLite 你就用 WebSQL 就行,反正不同實現的背后都是它。

根據 Chrome 的功能狀態日志 ,2.0 包括以下功能:

  • Binary keys(二進制的鍵,準確講是 Arraybuffertyped array objects,和
    DataView 加索引)
  • Object store(對象存儲)
  • index renaming(索引重命名)
  • getKey() on IDBObjectStore
  • getPrimaryKey() on IDBIndex

總體上而言是對舊 API 的補完,如果你不了解第一代,建議先把第一代用起來,因為第一代的瀏覽器支持已經很全面,甚至包括 IE10。而 2.0 的更新對數據庫作者們而言更是喜大普奔,解決了一些之前的頑疾。期待有更多基于 IndexedDB 的好庫涌現。如果你習慣 Mongo 或者 Firebase 這類 NoSQL 的話,直接用或自己做個簡單封裝也未嘗不可。(不過話說他的 API 真的是炒雞強大也炒雞復雜)

Mozilla 開發博客的[博文][1]摘要

Setters to IDBObjectStore.name and IDBIndex.name

之前版本的 Index 你可以增減對象存儲或索引的方式來升級數據架構,但是并不能重命名。基本上,這意味著你永遠沒法準確命名,因為隨著時間的推移,很多東西的內在含義都可能會發生變化。而現在可以對數據庫架構進行更好地升級修改:

let request = indexedDB.open("messageDB", 2);
request.onupgradeneeded = (event) => {
  let txn = event.target.transaction;
  let store = txn.objectStore("text messages");

  store.name = "mobile messages";
  let index = store.index("recipient");
  index.name = "recipients";
};
IDBDatabase.onclose()

新加了一個數據庫的生命周期鉤子 close

let request = indexedDB.open("bookstore");
request.onsuccess = (event) => {
  let db = event.target.result;

  db.onclose = (event) => {
    alert("the database: " + db.name + "was closed outside the script!");
  };
};

。。。 更多內容請[參考原文(En)][1]

瀏覽器支持

Firefox 51,Chrome 58,Opera release 45

結語

有鑒于 Chrome 58 的開發公告中,著重提到了 IndexedDB 2.0 這里就簡單解釋下:是什么為了什么。目的是為了幫助你了解這個規范背后的邏輯,或者你就當個新聞看也成。至于怎么用,請自行參考 MDN 的手冊,或者去 [github 上搜索 indexedDB Wrapper]。我因為還沒有重度使用過它就不獻丑了。

Ref:

[0] What’s new in IndexedDB 2.0? ★ Mozilla Hacks(原文)
[[1] What’s new in IndexedDB 2.0? | Hacker News(上文的吐槽)][1]
[2] Indexed Database API 2.0 - Editor’s Draft, 21 April 2017
[1]: https://news.ycombinator.com/item?id=12793996 "[1] What’s new in IndexedDB 2.0? | Hacker News(上文的吐槽)"(https://news.ycombinator.com/item?id=12793996)

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容