WEB API经典实例

本书的主要内容有：通过浏览器原生能力提升Web应用体验。系统学习现代浏览器API所提供的广泛功能。深入探索实验性阶段的前瞻性API。摆脱第三方库依赖，发掘如原生对话框组件等新元素。依赖原生硬件设备能力，构建更高功能和交互性的Web应用。深刻理解浏览器权限模型，解锁地理位置信息和通知推送等核心功能。

目录
前言 1
第1 章 异步API 9
1.0 引言 9
1.1 Promise 的使用 11
1.2 有备用方案的图片加载 .12
1.3 链式调用Promises15
1.4 使用async 和await 关键词 .16
1.5 并行使用Promises17
1.6 使用requestAnimationFrame 为元素添加动画效果 19
1.7 用Promise 封装事件API .22
第2 章 使用Web Storage API 实现简单的数据持久化 . 25
2.0 引言 .25
2.1 检查Web Storage 支持状态 .27
2.2 持久化字符串数据 28
2.3 持久化简单对象 29
2.4 持久化复杂对象 31
2.5 监听存储变化 .36
2.6 查找所有已知键 37
2.7 移除数据38
第3 章 URL 和路由 .41
3.0 引言 .41
3.1 解析相对路径URL 43
3.2 移除URL 中的查询参数 44
3.3 向URL 中添加查询参数 46
3.4 读取查询参数 .49
3.5 创建一个简单的客户端路由 50
3.6 匹配URL 到模式 .53
第4 章 网络请求 57
4.0 引言 .57
4.1 使用XMLHttpRequest 发送请求 58
4.2 使用Fetch API 发送GET 请求 59
4.3 使用Fetch API 发送POST 请求 61
4.4 使用Fetch API 上传文件 63
4.5 使用Beacon 发送数据 64
4.6 使用服务器发送的事件监听远程事件 65
4.7 使用WebSockets 实时交换数据 67
第5 章 IndexedDB 71
5.0 引言 .71
5.1 在数据库中创建、读取和删除对象.73
5.2 升级现有数据库 80
5.3 使用索引进行查询 82
5.4 使用游标搜索字符串值 .85
5.5 对大型数据集进行分页 .87
5.6 在IndexedDB API 中使用Promises 89
第6 章 观察DOM 元素 93
6.0 引言 .93
6.1 滚动视图中图像的延迟加载 95
6.2 使用Promise 封装IntersectionObserver 97
6.3 自动暂停和播放视频 98
6.4 高度变化的动画效果 99
6.5 根据元素的大小改变内容 .102
6.6 当元素进入视窗时添加一个过渡 103
6.7 无限滚动.105
第7 章 表单 . 107
7.0 引言 107
7.1 用本地存储数据填充表单字段 109
7.2 使用Fetch 和FormData API 提交表单 110
7.3 使用JSON 提交表单 112
7.4 标识一个字段是必填的 114
7.5 数字输入的约束 . 115
7.6 指定验证模式 116
7.7 表单验证. 116
7.8 采用自定义验证逻辑 120
7.9 验证一组复选框 .122
7.10 异步地验证字段 125
第8 章 Web 动画API 129
8.0 引言 129
8.1 在点击时应用“涟漪”效果 .131
8.2 启动和停止动画 .134
8.3 动画化添加和移除DOM 元素 .135
8.4 反转动画.137
8.5 显示滚动进度指示器 140
8.6 让元素弹跳 142
8.7 同时运行多个动画 .144
8.8 显示加载动画 145
8.9 尊重用户的动画偏好 148
第9 章 Web Speech API 151
9.0 引言 151
9.1 向文本字段添加口述功能 .153
9.2 用Promise 封装语音识别 156
9.3 获取可用的语音 .158
9.4 语音合成.159
9.5 自定义语音合成参数 160
9.6 自动暂停语音 161
第10 章 文件处理 163
10.0 引言 163
10.1 从文件中加载文本 164
10.2 将图像作为数据URL 加载 .166
10.3 像URL 对象一样加载本地视频 168
10.4 使用拖放功能加载图像 170
10.5 检查并申请权限 172
10.6 将API 数据导出到文件 174
10.7 通过下载链接导出API 数据 .176
10.8 通过拖放上传文件 178
第11 章 国际化 181
11.0 引言 181
11.1 日期的格式化 182
11.2 获取格式化日期的各个部分 183
11.3 格式化相对日期 184
11.4 数字格式化 .185
11.5 四舍五入小数位 187
11.6 格式化价格范围 187
11.7 格式化计量单位 188
11.8 应用复数规则 189
11.9 统计字符、单词和句子 191
11.10 格式化列表 192
11.11 对名称数组进行排序 194
第12 章 Web 组件 . 197
12.0 引言 197
12.1 创建一个组件来显示今天的日期 200
12.2 创建一个组件格式化一个自定义日期 201
12.3 创建一个反馈组件 204
12.4 创建个人信息卡组件 .207
12.5 创建一个懒加载图像组件209
12.6 创建一个隐藏/ 显示组件 211
12.7 创建带样式的按钮组件 214
第13 章 UI 元素 . 219
13.0 引言 219
13.1 创建一个警告对话框 .220
13.2 创建Confirmation 对话框 223
13.3 创建Confirmation 对话框的Web 组件.225
13.4 使用显示/ 隐藏元素 228
13.5 显示弹出框 .230
13.6 手动控制弹出框 231
13.7 弹出框与元素的相对定位232
13.8 显示工具栏 .235
13.9 显示通知 237
第14 章 设备集成 241
14.0 引言 241
14.1 读取电池状态 242
14.2 读取网络状态 244
14.3 获取设备位置 246
14.4 在地图上显示设备位置 248
14.5 复制和粘贴文本 250
14.6 使用Web Share API 分享内容 252
14.7 设备震动 254
14.8 获取设备方向 255
第15 章 性能测量 257
15.0 引言 257
15.1 测量页面加载性能 258
15.2 测量资源性能 259
15.3 找到最慢的资源 260
15.4 找到特定资源的耗时 .261
15.5 分析渲染性能 262
15.6 分析多步骤任务 264
15.7 监听性能条目 265
第16 章 控制台的使用 . 269
16.0 引言 269
16.1 控制台输出的样式设置 269
16.2 日志等级的使用 270
16.3 创建命名日志器 271
16.4 在表格中显示对象数组 272
16.5 使用控制台计时器 275
16.6 使用控制台组 276
16.7 使用计数器 .278
16.8 记录变量及其值 279
16.9 记录堆栈跟踪 280
16.10 验证预期值 281
16.11 检查对象的属性 .282
第17 章 CSS 285
17.0 引言 285
17.1 高亮文本范围 285
17.2 防止无样式文本闪烁 .289
17.3 动画化DOM 转换 291
17.4 在运行时修改样式表 .293
17.5 有条件的设置CSS 类 293
17.6 匹配媒体查询 294
17.7 获取元素的计算样式 .295
第18 章 媒体 299
18.0 引言 299
18.1 录屏 299
18.2 使用用户的相机采集图像302
18.3 通过用户的相机采集视频305
18.4 检测系统媒体功能 307
18.5 添加视频滤镜 308
第19 章 结语 311
19.0 引言 311
19.1 为第三方库辩护 311
19.2 检测功能，而非浏览器版本 311
19.3 polyfill 312
19.4 展望未来 312