前端技术周刊 2019-01-14：客户端存储

前端技术周刊 2019-01-14

前端快爆

• Safari 第 73 个科技预览版发布，包括对 JSON 构造优化提案 （Firefox 64、Chrome 72 已支持）、WebGPU 中基于 Metal Shading Language 的向量缓冲、globalThis 以及 JSON.stringify 中 BigInt 的支持，取消了对 <meta http-equiv=set-cookie> 的支持，WebRTC 有多处细节变化。 :link:
• Blink 意欲实现 EventTiming API ，用以监听响应事件消耗的时间。 :link:
• ECMAScript Module（简称 ESM）的未来发展会是怎样的？Node.js 基金会成立了一个 模块小组 并规划了若干阶段，在第一阶段将构建最小功能集，完成浏览器兼容性、向下兼容性和 CommonJS 相似功能平移的定义。目前的 Node.js 11 的实验性版本并未完全支持目前的第一阶段草案定义，而在 2020 年 4 月份的 Node.js 12 正式发布时有望实现 ESM 的非实验性版本。 :link:
• 第二届 SEE Conf 已于 2019 年 1 月 5 日 完成举行，分享资料已经完全放出。 :link:

百宝箱

因被池冰吐槽这个栏目名字太土了，所以“瑞士军刀”改名叫做“百宝箱”。

• 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 分页的案例

编辑：承虎 & 审阅：壹丝 & 专栏供稿：抱血