具体描述
产品特色
编辑推荐
AngularJS属于Web前端开发技术，本书涉及AngularJS与后端服务交互相关的知识点。对于Web前端开发人员来说，JavaScript语言肯定不陌生，而Node.js使得JavaScript语言能够在操作系统环境下运行。笔者是一名全栈开发工程师，本打算使用Java EE技术发布Web服务，考虑到本书面向的读者主要为Web前端开发人员，为了避免Web服务部署困难，所以最终选择使用Node.js开发服务端接口。另外，本书也介绍了一些基于Node.js的Web前端开发工具，希望能够帮助大家提高日常开发效率。内容简介
AngularJS是Google公司开发的一款Web前端框架，功能强大，提供了一些优秀的特性，例如双向数据绑定、MVC架构模式、指令等，能够在很大程度上降低Web前端开发的难度，因此深受广大Web前端开发人员的喜爱。
《AngularJS入门与进阶》分为两个部分，第一部分为入门篇，从第1~14章，主要介绍AngularJS开发环境搭建、数据绑定、指令及路由等基本知识点，每个知识点都会有一个完整的案例与之对应；第15~19章为本书的第二部分，即进阶篇，主要介绍一些常用的AngularJS第三方精华扩展，以及目前主流的Web前端工具，包括包管理工具Npm和Bower、前端流式自动化工具Gulp及前端单元测试工具Jasmine&Karma;。在最后两章中，我们综合运用前面所学的知识，实现了一个AngularJS版本的扫雷游戏和一个客户管理系统。
本书既适合Web前端开发初学者、Web前端开发工程师阅读，也适合作为高等院校和培训学校相关专业的教材。
作者简介
江荣波，毕业于江苏科技大学，目前就职于北京科蓝软件系统股份有限公司，担任Java高级工程师，参与过网上银行、直销银行、短信平台、渠道整合平台开发，对开源前端框架jQuery、AngularJS等有较深入研究，曾作为CSDN特邀编辑参与AngularJS知识库构建。
内页插图
目录
第一部分 入门篇
第1章 走进AngularJS世界 3
1.1 AngularJS简介 3
1.2 搭建AngularJS开发环境 3
1.2.1 选择集成开发工具 3
1.2.2 下载与安装AngularJS 6
1.2.3 代码调试工具 7
1.3 第一个AngularJS应用 8
1.4 AngularJS应用剖析 9
1.4.1 第一个AngularJS应用解惑 9
1.4.2 AngularJS应用构成元素 10
1.4.3 AngularJS表达式 10
1.5 本章小结 12
第2章 双向数据绑定 13
2.1 AngularJS双向数据绑定 13
2.2 ng-model指令 14
2.3 ng-bind指令 16
2.4 数据绑定实例：价格计算器 17
2.5 本章小结 18
第3章 AngularJS与MVC 19
3.1 MVC模式简介 19
3.2 AngularJS中的MVC 20
3.2.1 AngularJS控制器的定义 20
3.2.2 控制器对象的实例化 21
3.3 使用MVC思想重构价格计算器程序 22
3.4 控制器的作用域范围 23
3.5 控制器中处理DOM事件 25
3.6 本章小结 27
第4章 应用模块化 28
4.1 应用模块划分的重要性 28
4.2 AngularJS中的模块 28
4.2.1 AngularJS模块的定义 29
4.2.2 使用模块解决命名冲突问题 29
4.3 模块化最佳实践 32
4.4 本章小结 33
第5章 作用域与事件 34
5.1 AngularJS作用域详解 34
5.2 AngularJS作用域继承 36
5.2.1 JavaScript对象继承机制 36
5.2.2 AngularJS作用域对象原型继承 39
5.3 作用域高级特性 42
5.3.1 $watch方法监视作用域 42
5.3.2 作用域监视解除 45
5.3.3 $apply方法与$digest循环 46
5.3.4 $apply与$digest应用实战 47
5.3.5 $timeout与$interval服务介绍 49
5.4 作用域事件路由与广播 50
5.4.1 $emit方法实现事件路由 50
5.4.2 $broadcast方法实现事件广播 52
5.4.3 作用域对象$on方法详解 55
5.5 本章小结 55
第6章 路由与多视图 56
6.1 创建多视图应用 56
6.1.1 使用$routeProvider创建映射 56
6.1.2 创建多视图 58
6.1.3 通过路由切换视图 58
6.2 通过URL向控制器传递参数 60
6.3 ng-template指令的使用 62
6.4 $location服务 64
6.5 $location实现多视图切换 66
6.6 路由事件 67
6.7 ng-include指令 68
6.8 UI Router框架使用 69
6.8.1 UI Router下载与安装 69
6.8.2 UI Router使用案例 70
6.9 本章小结 73
第7章 AngularJS表单校验 74
7.1 Web前端表单校验的必要性 74
7.2 AngularJS表单校验模式 74
7.3 ngMessages模块 79
7.4 本章小结 82
第8章 AngularJS指令 83
8.1 内置指令详解 83
8.2 AngularJS自定义指令 86
8.3 指令定义对象详解 88
8.3.1 link方法 88
8.3.2 compile方法 92
8.3.3 scope属性与指令作用域 94
8.3.4 孤立作用域与父作用域模型数据绑定 95
8.3.5 Transclusion 100
8.3.6 controller方法与require属性 104
8.4 自定义表单验证模式 107
8.5 本章小结 109
第9章 Service、Factory与Provider 110
9.1 Service 110
9.2 Factory 112
9.3 Provider 113
9.4 Value&Constant; 114
9.5 本章小结 115
第10章 AngularJS过滤器 116
10.1 过滤器使用方法 116
10.2 AngularJS内置过滤器 118
10.3 自定义过滤器 126
10.3.1 案例一：自定义金额转换人民币大写过滤器 127
10.3.2 案例二：自定义带参数的过滤器 129
10.4 第三方过滤器库的使用 131
10.4.1 angular-filter 131
10.4.2 angular-emoji-filter 133
10.5 本章小结 134
第11章 AngularJS中的依赖注入 135
11.1 JavaScript依赖注入实现 138
11.2 AngularJS中的依赖注入 142
11.3 $provide服务介绍 143
11.4 $injector服务介绍 145
11.5 本章小结 146
第12章 AngularJS与动画 147
12.1 Web动画实现原理 147
12.2 使用CSS3实现动画 150
12.2.1 CSS3中的Transform属性 150
12.2.2 CSS3中的Transition属性 153
12.2.3 CSS3中的Animation属性 157
12.2.4 常用的CSS3动画库 160
12.3 AngularJS动画 162
12.3.1 基于事件驱动的CSS3动画 162
12.3.2 AngularJS中的JavaScript动画 166
12.3.3 ngView视图切换动画案例 168
12.3.4 ngAnimate与CSS3动画库整合 172
12.3.5 ngFx动画扩展库 175
12.4 本章小结 177
第13章 Cookie读写 178
13.1 Cookie简介 178
13.2 在JavaScript中操作Cookie 179
13.3 在AngularJS中操作Cookie 183
13.4 本章小结 186
第14章 Promise 187
14.1 AngularJS中的Promise机制 188
14.2 AngularJS请求Web服务 190
14.2.1 $http服务 191
14.2.2 使用Express构建RESTful服务 194
14.2.3 $resource服务 197
14.3 AngularJS文件上传 200
14.4 Angular File Upload模块介绍 204
14.5 本章小结 207
第二部分 进阶篇
第15章 AngularUI 211
15.1 UI Bootstrap 211
15.1.1 警告框案例 212
15.1.2 复选框案例 213
15.1.3 日历控件案例 215
15.1.4 模态对话框案例 216
15.1.5 下拉菜单案例 220
15.2 UI Ace 222
15.3 UI Grid 227
15.4 UI Date 229
15.5 UI Select 232
15.6 本章小结 234
第16章 AngularJS精华扩展 235
16.1 利用Angular Chart生成图表 235
16.1.1 柱状图案例 236
16.1.2 曲线图案例 237
16.1.3 饼状图案例 239
16.2 利用Videogular实现播放器 241
16.3 利用Angular Masonry实现照片墙 246
16.4 利用ngDialog实现对话框 250
16.5 本章小结 253
第17章 常用Web前端工具集 254
17.1 Node.js安装与使用 254
17.2 Npm包管理工具 257
17.2.1 Npm安装 257
17.2.2 初始化项目 258
17.2.3 安装Node模块 259
17.2.4 卸载Node模块 260
17.3 Bower管理工具 260
17.3.1 安装Bower 261
17.3.2 初始化Bower 261
17.3.3 使用Bower安装包 263
17.3.4 查看包的信息 263
17.3.5 更新包的版本 264
17.3.6 查找包 264
17.3.7 卸载包 264
17.4 Gulp项目管理工具 265
17.4.1 Gulp的安装与使用 265
17.4.2 利用JSHint验证JavaScript代码 266
17.4.3 压缩JavaScript代码 268
17.4.4 使用Gulp Changed插件更新文件 270
17.4.5 使用Gulp Plumber插件处理异常 271
17.4.6 使用Gulp压缩图片 271
17.4.7 使用Gulp编译Less 272
17.4.8 使用Gulp Browsersync插件进行调试 275
17.5 Jasmine&Karma;单元测试工具 277
17.5.1 安装Jasmine 278
17.5.2 使用Jasmine进行单元测试 278
17.5.3 在浏览器环境下使用Jasmine 282
17.5.4 安装并使用karma 284
17.5.5 整合Jasmine&Karma; 286
17.5.6 AngularJS单元测试 288
17.6 本章小结 294
第18章 综合案例：扫雷游戏 295
18.1 搭建开发环境 295
18.2 游戏元素介绍 296
18.3 实现布雷区 297
18.4 随机生成地雷 300
18.5 生成方格中的数字 303
18.6 响应右击事件 308
18.7 游戏胜利与失败条件检测 311
18.8 实现重新开始游戏功能 313
18.9 自动翻开相邻方格 314
18.10 本章小结 317
第19章 综合案例：客户管理系统 318
19.1 项目整体介绍 318
19.2 实现用户模块 321
19.3 实现主面板模块 326
19.4 实现报表模块 328
19.5 实现客户信息管理模块 331
19.6 本章小结 335
精彩书摘
第2章 双向数据绑定
数据绑定是AngularJS框架最优秀的特性之一，能够帮助Web前端开发人员在很大程度上减少对DOM的操作，本章我们就来深入学习这种机制。
AngularJS双向数据绑定
数据绑定是AngularJS框架在视图（DOM元素）与作用域之间建立的数据同步机制。所谓“双向”，是指界面的操作能够实时同步到作用域中，作用域中的数据修改也能够实时回显到界面中。
作用域可以被视为一个容器，里面有一些基于key-value的数据。假如在视图中有两个输入框，输入框的name属性分别为uname和pword，如图2.1所示。为了和表单元素建立数据绑定，AngularJS会在作用域中添加两个对应的属性，假如名称也为uname和pword。当用户输入内容发生变化时，AngularJS框架就把表单内容同步到作用域中对应的变量中，而当我们改变作用域中的变量值时，AngularJS又会把修改后的变量值同步到表单中，这就是AngularJS的双向数据绑定。
图2.1 AngularJS双向数据绑定图解
ng-model指令
为了建立数据绑定，我们需要用到AngularJS另外一个内置指令ng-model，该指令只能用在表单元素上，使用方法如下：
在input输入框上添加ng-model指令后，AngularJS框架就会在对应的作用域中创建一个uname属性和该输入框进行绑定。
数据绑定是AngularJS最优秀的特性之一，下面以一个案例来说明AngularJS数据绑定机制的好处。假如我们要完成这样一个功能，即把用户在表单中输入的信息动态回显到页面中。
如果使用原生的JavaScript，可以通过document对象的getElementById()方法获取输入框对象，响应输入框的keyup事件，在输入框的keyup事件响应方法中获取输入框内容，然后同样以操作DOM的方式把输入框内容显示到页面中，具体代码如下：
代码清单：ch02ch02_01.html
用户名：上面的代码非常简单，相信读者都能看懂，接下来在浏览器中运行ch02_01.html页面，效果如图2.2所示。 图2.2 动态回显用户输入示例 可以看到界面上显示的内容随着输入的改变而动态改变。本例中我们编写了数行JavaScript代码，为了突出AngularJS数据绑定机制的优势，我们再使用AngularJS数据绑定机制来完成这个案例，具体代码如下： 代码清单：ch02ch02_02.html
用户名：
{{uname}}
在浏览器中运行ch02_02.html页面，就会发现运行效果和上一个案例完全相同，但是本案例中的核心代码仅仅只有下面两行：
用户名：
{{uname}} 如上面的代码所示，我们甚至连一行JavaScript代码都没有编写就完成了这个功能，到底是怎样做到的呢？下面对该应用进行剖析： 上面案例中的ng-app指令用于启动AngularJS应用。需要注意的一点是，当AngularJS遇到ng-app指令时就会创建一个名为$rootSocpe的作用域，该作用域为AngularJS应用的根作用域。 作用域其实是一个简单的JavaScript对象，形式如下： var $rootScope={uname:”江荣波"}; 我们把ng-model指令作为属性添加到input标签中，此时AngularJS会在$rootSocpe作用域中添加一个uname属性和input输入框绑定，当我们在input表单中输入内容时，AngularJS会自动把输入的内容同步到作用域的uname属性中，因此我们不需要自己响应input标签的keyup事件去处理。 {{uname}}为AngularJS的表达式形式，可以访问AngularJS作用域里的属性，这里我们使用表达式把uname属性输出到页面中。同时AngularJS还能够监视作用域中数据的变化，当数据发生变化时，页面显示内容也能够得到实时更新。 在上面的例子中，我们向$rootScope作用域中添加属性进行了数据绑定，会造成全局作用域污染，实际项目中并不会这么做，而是把表单和控制器作用域中的属性进行数据绑定。控制器作用域是根作用域$rootScope的子作用域，后面会接触到。 ng-bind指令 ng-bind指令是和数据绑定相关的另一个指令，其作用是实现作用域到视图的单向数据绑定，和表达式功能类似，可用于向界面中输出作用域中的数据，例如2.2节案例中输出uname属性的表达式： {{uname}} 可以替换为： 或者 不同的是，在使用AngularJS表达式{{name}}时，如果遇到网络问题，就会导致AngularJS加载缓慢，我们会看到浏览器直接把AngularJS表达式当作字符串渲染到页面中，这样用户体验将不是很好，所以推荐使用ng-bind指令。ng-bind指令在AngularJS没有加载完毕的时候是不会解析执行的，只有AngularJS加载完毕才会执行。 window.alert()方法会中断JavaScript代码的执行，可以通过alert()方法模拟网络加载延迟的情况，例如： 代码清单：ch02ch02_04.html
用户名：
我们可以在浏览器中运行ch02_04.html页面（见图2.3），未经过AngularJS框架解析的表达式内容直接输出到了页面中。
……
前言/序言
前 言
AngularJS是Google公司开发的一款Web前端框架，其源码目前托管在Github上，从其源码的关注度就可以看出AngularJS框架的火热程度。AngularJS提供了一些优秀的特性，例如双向数据绑定、MVC架构模式、指令等，能够在很大程度上降低Web前端开发的难度，因此深受广大Web前端开发人员的喜爱。
AngularJS框架功能虽然强大，但是对于初学者来说入门比较困难，主要是因为AngularJS有别于传统的Web前端框架，指令、路由、服务等概念都是其他前端框架所不具备的。纵观AngularJS图书市场，英文图书居多，而中文图书则以翻译为主，缺少一本真正适合初学者入门的书籍。笔者曾担任CSDN特邀编辑参与AngularJS知识库构建，对AngularJS框架有较深入研究，正巧受清华大学出版社编辑夏毓彦的邀请，希望出版一本AngularJS图书，因而促成了本书的出版。
学习技术的目的通常是希望能够快速用在项目实战中。在选择IT图书时，通常希望以实用为主，专业术语堆砌的书籍容易造成理解困难，所以表述通俗、案例简单且能说明问题的书籍往往受到大家的青睐。本书正好符合这种风格，尽量避免过多的专业术语，每个知识点都附加一个完整的案例，读者可以根据代码结合案例运行效果进行学习。
虽然AngularJS属于Web前端开发技术，但是本书也涉及AngularJS与后端服务交互相关的知识点。对于Web前端开发人员来说，JavaScript语言肯定不陌生，而Node.js使得JavaScript语言能够在操作系统环境下运行。笔者是一名全栈开发工程师，本打算使用Java EE技术发布Web服务，考虑到本书面向的读者主要为Web前端开发人员，为了避免Web服务部署困难，所以最终选择使用Node.js开发服务端接口。另外，本书也介绍了一些基于Node.js的Web前端开发工具，希望能够帮助大家提高日常开发效率。
需要注意的是，本书使用Brackets作为代码编辑器，使用Chrome浏览器作为代码运行与调试工具，读者需要安装这两款工具，然后可以从本书指定的Github勘误页面中获取本书的所有源代码。每个章节源码均放在对应的目录中，例如ch01目录中为第1章所有源码。读者可以将本书所有源码导入Brackets工作空间中，然后通过Brackets编辑器的实时预览工具运行本书的案例代码。
另外，本书从开始写作到完稿总共用了5个月时间，由于个人水平有限，书中难免有一些疏漏，特提供了勘误页面。
读者可以在上面的地址中下载随书源码并反馈本书中存在的错误，如有其他AngularJS相关疑问，也可以在该页面进行交流，共同提高！读者也可通过博客或者邮件与笔者进行技术交流。
最后，感谢清华大学出版社的编辑们，没有你们的帮助，就不会有本书的出版。另外，还要感谢我的家人及同事，你们的支持是我写作的最大动力！
编 者
2017年1月
用户评价
这本书，我断断续续看了有几个月了，一开始是被它简洁明了的书名吸引，想着终于有一本书能让我这个对前端开发一直有点力不从心的家伙，能顺畅地迈进 AngularJS 的大门。说实话，我之前尝试过不少网络上的教程，视频、博客、零散的文章，但总感觉像在打游击战，知识点碎片化，跳跃性太强，每次学到一点点，遇到新的问题又得重新搜索，效率低下得令人沮丧。尤其是那些动不动就讲一大堆理论，却很少结合实际操作的书，看完之后脑子里一团浆糊，更别提融会贯通了。我最怕的就是那种“理论先行”的书，在你还没搞懂一个概念为什么存在，它就开始给你堆砌抽象的概念，让你感觉像是被困在象牙塔里，离实际开发遥遥无期。我期待的，是那种能从最基础的概念讲起，一步步引导，同时又能清晰地展示如何在实际项目中应用的技术书籍。当然，如果能有一些经典的案例分析，或者对一些常见问题的解决方案进行深入剖析，那就更完美了。我希望这本书能像一位经验丰富的导师，带着我一步一个脚印地走，让我真正理解 AngularJS 的核心思想，而不是仅仅记住一些 API 调用。
评分我最近刚接触到一个新的项目，需要用到 AngularJS 来构建前端。之前我虽然接触过一些前端框架，但对 AngularJS 并不熟悉，尤其是它的 MV 架构模式，对我来说还比较抽象。网上搜集了一些资料，发现 AngularJS 的概念和写法与其他框架有些许不同，比如它的双向数据绑定、依赖注入、指令等，这些都是我需要花时间去理解的。我特别希望找到一本能系统地梳理 AngularJS 核心概念的书籍，能够清晰地解释“为什么”要这么设计，而不是仅仅罗列“怎么”做。例如，它如何处理路由、如何进行组件化开发、如何优化性能等等，这些都是我在实际项目中会遇到的关键问题。我希望这本书能给我一个清晰的路线图，让我能够快速上手，并且避免走弯路。对于一些进阶的内容，比如测试、性能调优、与后端框架的集成等，如果有详细的讲解，那就更好了。毕竟，一个框架的光辉之处，往往体现在它解决复杂问题的能力上。
评分我是一名学生，目前正在学习前端开发。接触 AngularJS 已经有一段时间了，但感觉掌握得不够扎实。很多时候，看到别人写的一些 AngularJS 代码，能够快速实现功能，但我自己却要花很多时间去思考。我发现 AngularJS 的生态系统相当庞大，光是理解它的核心库就已经不容易，更别提各种第三方插件和工具了。我希望找到一本能够系统地讲解 AngularJS 的书籍，能够覆盖到从基础语法到常用模块，再到一些进阶的应用场景。比如，数据绑定是如何实现的？指令的生命周期是怎样的？如何进行组件化开发？如何处理异步操作？这些都是我比较困惑的地方。如果这本书能有配套的在线代码示例，或者能够引导我进行一些小练习，那就更好了。我希望能通过这本书，真正理解 AngularJS 的设计理念，并能够熟练地运用它来构建更复杂的 Web 应用。
评分这本书，我还没有深入阅读，但我对它抱有很高的期望。我之前接触过一些 AngularJS 的零散知识，但总感觉没有形成一个完整的体系。我听说 AngularJS 在企业级应用开发中有广泛的应用，并且拥有强大的生态系统。我希望这本书能够提供一些关于 AngularJS 在实际项目中如何落地、如何构建大型应用、如何进行团队协作等方面的内容。例如，如何组织项目结构？如何进行模块化开发？如何设计可复用的组件？如何进行性能优化和代码维护？这些都是我在未来工作中可能会遇到的重要问题。我尤其关注书中是否会介绍一些 AngularJS 的最佳实践，以及如何与其他技术栈进行集成，比如后端框架、数据库等。如果书中能够提供一些案例分析，展示 AngularJS 在不同类型的项目中的应用，那将对我非常有启发。我期待这本书能成为我学习和掌握 AngularJS 的重要工具。
评分坦白说，我是一名有几年工作经验的后端开发者，最近因为项目需要，需要涉足前端领域，对 AngularJS 是一窍不通。之前我用过 jQuery，也听说过 React、Vue，但 AngularJS 的一些核心概念，比如 Scope、Digest Cycle、Service、Factory 等，对我来说完全是陌生的。我最看重的，是这本书能否帮助我建立起对 AngularJS 体系的整体认知。我不需要过于理论化的讲解，更希望它能从实际出发，通过代码示例来阐述概念。例如，一个简单的待办事项列表，或者一个数据展示的组件，通过这样的例子，我能更直观地理解 AngularJS 是如何工作的。此外，对于一些跨域请求、数据缓存、用户认证等常见的 Web 应用场景，如果能有相应的 AngularJS 实现方案，那将非常有价值。我希望这本书能够帮助我快速理解 AngularJS 的开发模式，并能够独立完成一些基本的 Web 应用开发。
评分。。。。。。。。。。。
评分还好，版本比较老，入门可以
评分考虑过书的感受吗？书角都摔坏了！分拣的时候轻放不行吗？这个差评就是给摔坏的一角
评分便宜实惠，以后会多多光顾，这里买杂志真划算！♀
评分还没看，不知道怎么样。。。应该还不错吧。。。
评分不错的书，打折买的，便宜，质量好，一次非常开心的购物
评分很好，很不错，很多，是正品
评分活动买的。还行吧。高手可以无视。新手可以看看。当是一点补充吧
评分京东自营物流速度没得挑剔真是快！书籍质量也不错，印刷字体比较大容易阅读！
相关图书
![汇编语言(第3版) 王爽 [Assembly Language] pdf epub mobi 电子书 下载](https://pic.tinynews.org/10238776646/5a503eb5Ncdb14335.jpg)
本站所有内容均为互联网搜索引擎提供的公开搜索信息，本站不存储任何数据与内容，任何内容与数据均与本站无关，如有需要请联系相关搜索引擎包括但不限于百度，google,bing,sogou 等
© 2025 book.idnshop.cc All Rights Reserved. 静思书屋 版权所有