客户端存储技术pdf

现代浏览器的一大实用特性是有能力将数据直接存储在用户的计算机或移动设备上。尽管许多人选择将数据迁移至云端，但若使用得当，客户端存储仍然可以帮助Web开发人员节省大量的时间和金钱。本书结合丰富的实例，详解多种客户端存储技术。你将了解如何及何时使用它们、其优缺点以及在应用程序中使用其中一种或多种技术的步骤。

本书还介绍了几种简化客户端存储的开源库，非常适合熟悉JavaScript的Web开发人员。

- 了解不同浏览器对每种客户端存储技术的支持情况

- 使用Web存储（即本地存储）存储列表和偏好设置等简单信息

- 使用IndexedDB存储几乎任何你希望在用户浏览器中存储的信息

- 了解如何为仍旧使用Web SQL的Web应用提供支持

- 研究三个可以简化客户端存储的库：Lockr、Dexie和localForage

- 使用多种存储技术构建一个简单可用的应用程序

客户端存储技术 内容简介

客户端数据存储赋予浏览器快速访问数据的能力，从而节省网络流量并减轻服务器的压力，同时使离线应用程序得以真正实现。本书从实用角度出发，以丰富的示例代码介绍Cookie、Web存储、IndexedDB等多种客户端存储技术，以及用于简化客户端存储的JavaScript库，如Lockr、Dexie和localForage等。

客户端存储技术 目录

第1章 客户端数据存储概述

第2章 使用Cookie

2.1 真的要讨论Cookie吗

2.2 使用Cookie

2.2.1 读取Cookie

2.2.2 删除Cookie

2.3 演示程序

2.4 使用开发者工具查看Cookie

2.5 浏览器支持和使用建议

第3章 使用Web存储

3.1 Web存储本地存储

3.2 使用Web存储

3.3 演示程序

3.4 监听存储变化

3.5 使用开发者工具查看Web存储

3.6 浏览器支持和使用建议

第4章 使用lndexedDB

4.1 欢迎来到深度数据时代

4.2 IndexedDB关键术语

4.3 检查IndexedDB支持

4.4 使用数据库

4.5 使用对象存储

4.5.1 创建对象存储

4.5.2 定义主键

4.5.3 定义索引

4.6 操作数据

4.6.1 创建数据

4.6.2 读取数据

4.6.3 更新数据

4.6.4 删除数据

4.7 获取所有数据

4.8 关于IndexedDB的更多内容

4.8.1 存储数组

4.8.2 计算数据量

4.9 使用开发者工具查看IndexedDB

4.10 浏览器支持和使用建议

第5章 使用Web SQL

5.1 已废弃的规范

5.2 数据库基本术语

5.3 检查Web SQL支持

5.4 使用数据库

5.5 使用事务

5.6 使用开发者工具查看Web SQL

5.7 浏览器支持和使用建议

第6章 使用库简化客户端存储

6.1 “使用库，卢克⋯⋯”

6.2 使用Lockr

6.3 使用Dexie简化IndexedDB

6.4 使用localForage

6.5 更多选择

第7章 构建示例应用程序

7.1 让我们构建真实的应用程序！

7.2 示例数据

7.3 应用程序

7.4 代码

7.5 总结

客户端存储技术 精彩文摘

第 1 章　客户端数据存储概述

过去十年中，浏览器已经发展成为一个强大的工具。这是一个缓慢的过程，伴随着许多成长之痛。现在，增强型布局控件、3D 图形和游戏，甚至是音乐都可以在小而古老的浏览器中实现。客户端数据存储是一个更加令人兴奋的特性，虽然相比之下，它没那么华丽（没有别的意思）。但我们为什么这样说呢？

浏览 Web 的“经典”过程从一开始就没有变过：浏览器请求一个 URL，Web 服务器返回请求的内容，然后浏览器请求更多的内容，而服务器则返回更多的内容。

当然，你可以引入 JavaScript 和 AJAX，让情况更复杂一些。但是，即使是在精心设计的 Web 2.0 应用程序中，浏览器还是会一次又一次地向服务器请求信息。之所以会这样，是因为浏览器（似乎）很健忘。它知道的所有东西都必须从服务器习得。

虽然一般而言确实如此，但这忽视了一个功能强大的替代方案：将数据存储在浏览器中，让它可以跳过向服务器请求信息的过程，而只从用户的本地机器上获取数据。它甚至还可以操作那些数据，用于任何合理的用途。数据可以稍后被发回服务器用于更新。

总之，这让浏览器可以拥有如下能力。

直接访问数据。虽然使用 AJAX 获取数据的速度通常已经快了很多，但将数据存储在本地机器上会让数据访问速度更快。

节省网络流量。浏览器获取一次数据，只要有用就一直保存着，而不必不断地从服务器获取数据。这能够减轻服务器的压力。

减轻服务器的压力。如果服务器不断地响应请求，并从数据库服务器获取数据，那么服务器会负担过重。减少请求次数，可以减少服务器的工作量。

最后，数据存储在本地，这使创建完全离线的应用程序变得更加可行。

当然，并非一切都如此美好。将数据转移到浏览器也有以下几点不足。