前端性能优化(三)——浏览器九大缓存方法

2、websql

---

websql是较新的chrome浏览器支持，并以独立规范形式出现，引入了一组使用 SQL 操作客户端数据库的 APIs。websql主要特点：

• Web Sql数据库 API 不是HTML5的一部分，在H5之前就已经存在了。

• 将数据以数据库的形式存储在客户端，按需读取。

• 数据便于检索，允许使用sql语句。

• 可以使浏览器实现小型数据库存储功能。

websql常用的API如下：

openDatabase - 打开已存在的数据库，如果不存在，则会新建一个新的数据库。

transaction - 控制一个事物，以及这种情况执行提交或者回滚。

executeSql - 执行 SQL 语句。

3、indexDB

---

indexDB 是为了能够在客户端存储客观数量的结构化数据，并且在这些数据上使用索引进行高性能的检索。DOM存储对于少量数据是非常友好的，但不适合存储大量结构化数据，indexDB就是为了解决这个问题而生的。

indexDB 分别为同步和异步访问提供了单独的API，同步API本打算供Web Worker内部使用，但目前还未实现。异步API在Web Worker内部和外部都可以使用，另外浏览器对indexDB有50M大小限制。

indexDB主要特点有：

<