单页Web应用 JavaScript从前端到后端PDF|Epub|txt|kindle电子书版本网盘下载

单页Web应用 JavaScript从前端到后端PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第一部分 单页应用简介3

第1章 第一个单页应用3

1.1定义、一些历史和一些关注点4

1.1.1一些历史4

1.1.2是什么导致JavaScript单页应用姗姗来迟5

1.1.3我们的关注点8

1.2构建第一个单页应用9

1.2.1定义目标9

1.2.2创建文件结构10

1.2.3使用Chrome开发者工具10

1.2.4开发HTML和CSS11

1.2.5添加JavaScript12

1.2.6使用Chrome开发者工具查看应用17

1.3精心编写的单页应用的用户效益19

1.4小结20

第2章 温故JavaScript22

2.1变量作用域24

2.2变量提升27

2.3高级变量提升和执行环境对象28

2.3.1提升28

2.3.2执行环境和执行环境对象30

2.4作用域链33

2.5JavaScript对象和原型链35

2.6函数——更深入的窥探43

2.6.1函数和匿名函数43

2.6.2自执行匿名函数44

2.6.3模块模式——将私有变量引入JavaScript46

2.6.4闭包51

2.7小结54

第二部分 单页应用客户端57

第3章 开发Shell57

3.1深刻理解Shell57

3.2创建文件和名字空间59

3.2.1创建文件结构59

3.2.2编写应用的HTML文件60

3.2.3创建CSS根名字空间61

3.2.4创建JavaScript根名字空间62

3.3创建功能容器64

3.3.1选取策略64

3.3.2编写Shell的HTML64

3.3.3编写Shell的CSS65

3.4渲染功能容器68

3.4.1将HTML转换为JavaScript68

3.4.2在JavaScript中添加HTML模板69

3.4.3编写Shell的样式表71

3.4.4指示应用使用Shell73

3.5管理功能容器74

3.5.1编写展开或收起聊天滑块的方法74

3.5.2给聊天滑块添加点击事件处理程序76

3.6管理应用状态80

3.6.1理解浏览器用户所期望的行为80

3.6.2选取一个策略来管理历史控件81

3.6.3当发生历史事件时，更改锚82

3.6.4使用锚来驱动应用状态83

3.7小结89

第4章 添加功能模块90

4.1功能模块策略91

4.1.1与第三方模块的比较91

4.1.2功能模块和分形MVC模式93

4.2创建功能模块文件96

4.2.1规划文件结构96

4.2.2填写文件97

4.2.3我们创建了什么103

4.3设计方法API103

4.3.1锚接口模式104

4.3.2 Chat的配置API105

4.3.3 Chat的初始化API106

4.3.4 Chat的setSliderPosition API107

4.3.5配置和初始化的级联107

4.4实现功能API109

4.4.1样式表110

4.4.2修改Chat114

4.4.3清理Shell120

4.4.4详细解释执行的过程125

4.5 添加经常使用的方法127

4.5.1 removeSlider方法127

4.5.2 handleResize方法129

4.6小结133

第5章 构建Model134

5.1理解Model135

5.1.1我们将要构建什么135

5.1.2 Model做什么137

5.1.3 Model不做什么137

5.2创建Model和其他文件138

5.2.1规划文件结构138

5.2.2填充文件139

5.2.3使用统一的触摸-鼠标库145

5.3设计people对象145

5.3.1设计person对象146

5.3.2 设计people对API147

5.3.3给people对象的API编写文档150

5.4构建people对象151

5.4.1创建伪造的人员列表152

5.4.2开始构建people对象154

5.4.3完成people对象的构建157

5.4.4测试people对象的API164

5.5在Shell中开启登入和登出的功能166

5.5.1设计用户登入的体验167

5.5.2更新Shell的JavaScript167

5.5.3更新Shell的样式表169

5.5.4使用UI测试登入和登出170

5.6小结171

第6章 完成Model和Data模块172

6.1设计chat对象172

6.1.1设计方法和事件173

6.1.2给chat对象的API添加文档175

6.2构建chat对象177

6.2.1先创建chat对象的join方法177

6.2.2更新Fake以响应chat.join179

6.2.3测试chat.join方法181

6.2.4给chat对象添加消息传输功能182

6.2.5更新Fake，模拟消息传输功能187

6.2.6测试chat的消息传输功能189

6.3给Model添加Avatar功能190

6.3.1给chat对象添加Avatar功能190

6.3.2修改Fake来模拟头像功能191

6.3.3测试头像功能192

6.3.4测试驱动开发193

6.4完成Chat功能模块195

6.4.1更新Chat的JavaScript196

6.4.2更新样式表203

6.4.3测试Chat UI207

6.5创建Avatar功能模块208

6.5.1创建Avatar的JavaScript209

6.5.2创建Avatar的样式表213

6.5.3更新Shell和浏览文档214

6.5.4测试Avatar功能模块215

6.6数据绑定和jQuery216

6.7创建Data模块217

6.8小结220

第三部分 单页应用服务器223

第7章 Web服务器223

7.1服务器的作用223

7.1.1认证和授权224

7.1.2验证224

7.1.3数据的保存和同步225

7.2Node.js225

7.2.1为什么选择Node.js225

7.2.2使用Node.js创建‘Hello World’应用226

7.2.3安装并使用Connect229

7.2.4添加Connect中间件230

7.2.5安装并使用Express231

7.2.6添加Express中间件234

7.2.7 Express的使用环境235

7.2.8 Express的静态文件服务236

7.3高级路由237

7.3.1用户对象的CRUD路由237

7.3.2通用CRUD路由243

7.3.3把路由放到单独的Node.js模块里面246

7.4添加认证和授权249

7.5 Web socket和Socke.IO251

7.5.1简单的Socket.IO应用程序251

7.5.2 Socket.IO和消息服务器254

7.5.3使用Socket.IO更新JavaScript255

7.6小结258

第8章 服务器数据库259

8.1数据库的作用259

8.1.1选择数据存储260

8.1.2消除数据转换260

8.1.3把逻辑放在需要的地方261

8.2MongoDB简介262

8.2.1面向文档的存储262

8.2.2动态文档结构262

8.2.3开始使用MongoDB263

8.3使用MongoDB驱动程序264

8.3.1准备项目文件265

8.3.2安装并连接MongoDB265

8.3.3使用MongoDB的CRUD方法267

8.3.4向服务器应用添加CRUD操作270

8.4验证客户端数据274

8.4.1验证对象类型274

8.4.2验证对象276

8.5创建单独的CRUD模块283

8.5.1组织文件结构284

8.5.2把CRUD移到它自己的模块里面287

8.6构建chat模块292

8.6.1开始创建chat模块293

8.6.2创建adduser消息处理程序295

8.6.3创建updatechat消息处理程序299

8.6.4创建disconnect消息处理程序301

8.6.5创建updateavatar消息处理程序302

8.7小结305

第9章 单页应用发布准备306

9.1单页应用针对搜索引擎的优化307

9.2云和第三方服务310

9.2.1站点分析310

9.2.2记录客户端错误312

9.2.3内容分发网络314

9.3缓存和缓存破坏314

9.3.1缓存时机315

9.3.2 Web存储316

9.3.3 HTTP缓存317

9.3.4服务器缓存320

9.3.5数据库查询缓存325

9.4小结326

附录A JavaScript编码328

附录B测试单页应用361