978-7-302-49117-0 Ⅰ. ①A… Ⅱ. ①亚… ②杨… Ⅲ. ①超文本标记语言－程序设计－教材 Ⅳ. ①TP312.8 中国版本图书馆 CIP 数据核字(2017)第 315412 号 责任编辑：王 军 李维杰 装帧设计：孔祥峰 责任校对：曹 阳 责任印制： 出版发行：清华大学出版社 网 址：http://www.tup 1.2 安装 angular-cli 包.................6 2.1.3 安装 Git...............................6 2.1.4 安装编辑器..........................7 2.1.5 安装浏览器..........................7 2.2 创建并准备项目.............. .....8 2.2.2 创建包文件..........................8 2.2.3 启动服务器........................10 2.2.4 编辑 HTML 文件................11 2.3 向项目中添加 Angular 功能.....13 2.3.1 准备 HTML 文件................14 2

bootstrap: [ AppComponent ] 19 }) 20 export class AppModule { } NgModule 系统与 JavaScript（ES2015）用来管理 JavaScript 对象的模块系统不同，而且也没有直接关联。 这两种模块系统不同但互补。你可以使用它们来共同编写你的应用。 JavaScript 中，每个文件是一个模块，文件中定义的所有对象都从属于那个模块。通过 import 语句来访问这些公共对象。 架构概览 5 1.2 NgModule 和 JavaScript 的模块 NgModule 系统与 JavaScript（ES2015）用来管理 JavaScript 对象的模块系统不同，而且也没有直接关联。 这两种模块系统不同但互补。你可以使用它们来共同编写你的应用。 JavaScript 中，每个文件是一个模块，文件中定义的所有对象都从属于那个模块。通过 onerror="...">、。如果攻击者所控制 的数据混进了 DOM，就会导致安全漏洞。 3.2.1 Angular 的 “跨站脚本安全模型” 为了系统性的防范 XSS 问题，Angular 默认把所有值都当做不可信任的。当值从模板中以属性（Property）、 DOM 元素属性（Attribte)、CSS 类绑定或插值表达式等途径插入到 DOM

– 通过iframe加载菜单 – 每个功能菜单都是独⽴立界⾯面 – 各功能菜单包含完整的公共库（JS，样式） • 单页应⽤用 – 每个功能都是部件 – 动态加载 – 整个系统共享⼀一个作⽤用域 单页应⽤用架构 前端的分层 • 为什么单页应⽤用⼀一定要分层？ – 前端逻辑有⼀一定规模，分层有利协作 – 便于保证数据的⼀一致性 – 业务逻辑的复⽤用 – 服务、前端业务逻辑 • Angular有哪些特性适合移动端开发？ – ngTouch • 还有更完善的选择吗？ – Ionic 前端的⼯工程化 • ⼀一个软件系统，并不只是简单功能的堆砌 • 当规模扩⼤大的时候，有⼀一些边际效应 – 某个JS模块被修改，如何得知会影响谁？ – 某个界⾯面⽚片段被调整，会影响什么界⾯面？ – 如何最⼩小化发布？

reference check of the top level items in the collection. 脏检查的关键点： 脏检查的关键点： 如果一个模型有2000-3000个观测者，那么系统会变慢 就算你的应用足够快，使用户不会感到相应延迟，你也不能直接在一页上展示2000个信息给用户。因为这是一个很坏的UI设计，用户会感动无所适从，但是， 使用排序组件或者具有双向绑定功能的表格，你能