kindle电子书

 单页的Web应用程序（SPA）是网络软件发展的下一阶段，SPA能够使浏览器应用像原生桌面应用一样流畅易用。 开发SPA需要新的开发理念，并掌握那些支持更复杂应用的新技术。幸运的是，学习如何创建SPA并不需要十分丰富的经验！本书能够帮助开发者从传统的网页应用开发过渡到SPA的开发。本书首先介绍了SPA模式，及建立创建链接页面的标准方法。然后简单介绍了模块化JavaScript编程，包括AMD和模块加载器。本书将指导读者学习SPA架构的各个方面，包括MV*框架、单元测试、路由、布局管理、数据访问、发布/订阅、性能和安全性。配套的示例很容易上手，且可被应用于读者自己的库或框架中。

作者简介

Emmit A. Scott 是一名有17 年Web 应用构建经验的高级软件工程师和架构师。他为教育、银行和通信领域开发过大型应用程序。他的爱好包括阅读（特别喜欢Jim Butcher的小说）、吉他（想当年他可是一位摇滚乐手）以及尽可能多陪陪孩子。

译者简介

卢俊祥

译者，书迷；关注Web 技术趋势，热衷App 开发、Web 开发、数据分析、架构设计以及各类编程语言；陈氏太极拳五十六式爱好者；佛禅人生，缘散缘聚。

微博：@2gua

个人网站：http://www.2gua.info/

知乎专栏：https://zhuanlan.zhihu.com/guagua/

目录

第1 部分 基础知识 1
1　单页面应用程序介绍 3
1.1 SPA 简述 4
1.1.1 无须刷新浏览器 7
1.1.2 表现逻辑位于客户端 7
1.1.3 服务器端事务处理 7
1.2 更进一步 8
1.2.1 以Shell 页面开始 8
1.2.2 从传统页面到视图 9
1.2.3 视图的产生 10
1.2.4 实现无刷新的视图切换 11
1.2.5 贯穿动态更新过程的流畅性 12
1.3 SPA 应用相较传统Web 应用的优势 12
1.4 温故知新 13
1.5 优秀SPA 应用的构成 15
1.5.1 组织项目 15
1.5.2 创建可维护的松耦合UI 17
1.5.3 使用JavaScript 模块 18
1.5.4 执行SPA 导航 19
1.5.5 创建视图组成与布局 19
1.5.6 模块通信 20
1.5.7 与服务器端通信 20
1.5.8 执行单元测试 20
1.5.9 客户端自动化技术 20
1.6 小结 21
2　MV* 框架介绍 22
2.1 MV* 概念 24
2.1.1 传统UI 设计模式 25
2.1.2 MV* 和浏览器环境 27
2.2 MV* 基础概念 28
2.2.1 框架 29
2.2.2 我们的MV* 项目 30
2.2.3 模型 32
2.2.4 绑定 36
2.2.5 模板 40
2.2.6 视图 44
2.3 为什么要用MV* 框架 44
2.3.1 关注分离 45
2.3.2 简化日常任务 46
2.3.3 提升生产率 47
2.3.4 标准化 47
2.3.5 可扩展性 48
2.4 框架选择 48
2.5 挑战环节 50
2.6 小结 50
3　JavaScript 模块化 52
3.1 模块概念 53
3.1.1 模块模式概念 53
3.1.2 模块结构 54
3.1.3 揭示模式 55
3.2 模块化编程的意义 56
3.2.1 避免命名冲突 56
3.2.2 保护代码完整性 65
3.2.3 隐藏复杂性 67
3.2.4 降低代码改变带来的冲击 68
3.2.5 代码组织 68
3.2.6 模块模式的不足 69
3.3 模块模式剖析 69
3.3.1 可访问性控制 69
3.3.2 创建公有API 70
3.3.3 允许全局导入 73
3.3.4 创建模块的命名空间 73
3.4 模块加载及依赖管理 74
3.4.1 脚本加载器 74
3.4.2 异步模块定义——AMD 75
3.4.3 通过RequireJS 实践AMD 76
3.5 挑战环节 81
3.6 小结 81
第2 部分　核心概念 83
4　单页面导航 85
4.1 客户端路由器概念 86
4.1.1 传统导航 86
4.1.2 SPA 导航 86
4.2 路由及其配置 88
4.2.1 路由语法 90
4.2.2 路由配置项 90
4.2.3 路由参数 91
4.2.4 缺省路由 93
4.3 客户端路由器的工作机制 93
4.3.1 片段标识符方式 94
4.3.2 HTML5 历史API 方式 95
4.3.3 使用HTML5 历史API 方式 97
4.4 综合实作：实现SPA 路由 98
4.4.1 教员列表（缺省路由） 99
4.4.2 主要联系人路由 101
4.4.3 教员授课时间（参数化路由） 102
4.5 挑战环节 104
4.6 小结 105
5　视图合成与布局 106
5.1 项目介绍 107
5.2 布局设计概念 108
5.2.1 视图 108
5.2.2 Region 109
5.2.3 视图合成 110
5.2.4 嵌套视图 111
5.2.5 路由 112
5.3 高级合成与布局的可选方案 113
5.3.1 优点 113
5.3.2 缺点 114
5.4 设计应用程序 114
5.4.1 设计基本布局 115
5.4.2 设计基本内容 117
5.4.3 在复杂设计中应用视图管理 122
5.4.4 通过自身状态创建嵌套视图 125
5.5 挑战环节 127
5.6 小结 128
6　模块间交互 129
6.1 模块概念回顾 131
6.1.1 用模块封装代码 131
6.1.2 API 提供对内部功能的访问控制 133
6.1.3 SRP——以单一目的作为设计出发点 134
6.1.4 代码重用——控制项目规模 135
6.2 模块间交互方式 136
6.2.1 通过依赖进行模块间交互 136
6.2.2 依赖方式的优缺点 138
6.2.3 通过发布/ 订阅模式进行模块间交互 138
6.2.4 发布/ 订阅模式优缺点 141
6.3 示例项目细节 142
6.3.1 搜索功能 144
6.3.2 显示产品信息 150
6.4 挑战环节 155
6.5 小结 155
7　与服务器端通信 156
7.1 示例项目新要求 157
7.2 与服务器端通信综述 158
7.2.1 选择数据类型 158
7.2.2 HTTP 请求方法 159
7.2.3 数据转换 160
7.3 使用MV* 框架 161
7.3.1 请求生成 162
7.3.2 通过回调函数处理结果 165
7.3.3 通过Promise 处理结果 166
7.3.4 Promise 错误处理 170
7.4 RESTful Web 服务调用 172
7.4.1 什么是REST 172
7.4.2 REST 原则 172
7.4.3 MV* 框架的RESTful 支持 174
7.5 示例项目细节 174
7.5.1 配置REST 调用 174
7.5.2 添加产品到购物车 177
7.5.3 查看购物车 179
7.5.4 修改购物车 181
7.5.5 从购物车中移除产品 183
7.6 挑战环节 184
7.7 小结 184
8　单元测试 186
8.1 示例项目说明 187
8.2 什么是单元测试 187
8.2.1 单元测试的好处 188
8.2.2 构建更好的单元测试 189
8.3 传统的单元测试 192
8.3.1 QUnit 起步 193
8.3.2 创建第一个单元测试 196
8.3.3 测试由MV* 对象创建的代码 200
8.3.4 测试对DOM 所做的改变 205
8.3.5 混合使用其他测试框架 206
8.4 挑战环节 208
8.5 小结 208
9　客户端任务自动化 209
9.1 Task Runner 的常见用途 210
9.1.1 即时刷新浏览器 210
9.1.2 自动化JavaScript 和CSS 的预处理过程 211
9.1.3 自动化Linter 代码分析 211
9.1.4 持续单元测试 211
9.1.5 文件串接 212
9.1.6 代码压缩 212
9.1.7 持续集成 212
9.2 Task Runner 选择 212
9.3 本章示例项目 213
9.3.1 Gulp.js 介绍 214
9.3.2 创建第一个任务 215
9.3.3 创建代码分析任务 216
9.3.4 创建浏览器刷新任务 218
9.3.5 自动化单元测试 220
9.3.6 创建构建过程 222
9.4 挑战环节 227
9.5 小结 227
A　员工通讯录示例说明 229
B　XMLHttpRequest API 259
C　第7 章内容的服务器端设置与总结 266
D　安装Node.js 与Gulp.js 277