前端技術週刊 2019-01-14：客戶端存儲

前端技術週刊 2019-01-14

前端快爆

• Safari 第 73 個科技預覽版發佈，包括對 JSON 構造優化提案（Firefox 6四、Chrome 72 已支持）、WebGPU 中基於 Metal Shading Language 的向量緩衝、globalThis 以及 JSON.stringify 中 BigInt 的支持，取消了對 <meta http-equiv=set-cookie> 的支持，WebRTC 有多處細節變化。🔗
• Blink 意欲實現 EventTiming API，用以監聽響應事件消耗的時間。🔗
• ECMAScript Module（簡稱 ESM）的將來發展會是怎樣的？Node.js 基金會成立了一個模塊小組並規劃了若干階段，在第一階段將構建最小功能集，完成瀏覽器兼容性、向下兼容性和 CommonJS 類似功能平移的定義。目前的 Node.js 11 的實驗性版本並未徹底支持目前的第一階段草案定義，而在 2020 年 4 月份的 Node.js 12 正式發佈時有望實現 ESM 的非實驗性版本。🔗
• 第二屆 SEE Conf 已於 2019 年 1 月 5 日 完成舉行，分享資料已經徹底放出。🔗

百寶箱

因被池冰吐槽這個欄目名字太土了，因此「瑞士軍刀」更名叫作「百寶箱」。

• fbt 是一款由 Facebook 開源的國際化框架。
• Quicklink 是由谷歌開源的一種結合 Intersection Observer API 的預加載技術，能在強網絡條件下有效提高後續鏈路網頁的訪問速度。
• Imgcook 爲淘寶發佈的將設計稿轉化爲前端頁面的自動化工具。

專題：客戶端存儲

客戶端存儲（Client-side Storage）是一個通用術語，包含幾個獨立但相關的 API： Web Storage、Web SQL Database (已被廢棄)、Indexed Database 等。每種技術都提供了在用戶硬盤上而非一般存儲數據的服務器存儲數據的獨特方式。這麼作主要基於使 Web App 離線可用，並改善性能表現。

Indexed Database

Indexed Database API（簡稱 IndexedDB，之前稱 WebSimpleDB）是 W3C 推薦的一項網頁瀏覽器標準，是爲提供一個具備索引的 JSON 對象集合的事務性本地數據庫操做接口。W3C 於 2015 年 1 月 8 日發佈了 IndexedDB 接口的最終建議。

• Indexed Database API 文檔
• IndexedDB 的原生概念：有關 IndexedDB 的設計和結構的概述
• HTML5 indexedDB 前端本地存儲數據庫實例教程：實例加 DEMO 講解 IndexedDB
• IndexedDB 打造靠譜 Web 離線數據庫：圖文案例詳解 IndexedDB

localForage

Mozilla 開發的 localForage，使得離線數據存儲在任何瀏覽器都是一項容易的任務，它提供強大而且簡單好用的API 封裝了 IndexedDB、WebSQL 和 localStorage。它的存儲的數據類型不僅是字符串，能夠是數值、對象、布爾值、數組。

• localForage 文檔
• localForage 項目地址
• 突破本地離線存儲 5M 限制的 JS 庫 localforage 簡介

PouchDB

PouchDB 是受 Apache CouchDB 啓發爲 Web 設計的一款佔用空間少的數據庫。PouchDB 項目的目標是幫助開發者構建線上和線下都能很好地使用的 Web 應用程序，在應用程序離線的時候，能夠將用戶數據保存在本地，當恢復在線狀態時，經過 CouchDB 和其餘相兼容的服務器來同步這些數據。

• PouchDB API 文檔
• PouchDB 項目地址
• 一個使用 PouchDB 分頁的案例

---

編輯：承虎 & 審閱：壹絲 & 專欄供稿：抱血