Angular, Second Edition ISBN 978-7-302-49117-0 Ⅰ. ①A… Ⅱ. ①亚… ②杨… Ⅲ. ①超文本标记语言－程序设计－教材 Ⅳ. ①TP312.8 中国版本图书馆 CIP 数据核字(2017)第 315412 号 责任编辑：王 军 李维杰 装帧设计：孔祥峰 责任校对：曹 阳 责任印制： 出版发行：清华大学出版社 .....36 3.3.3 启用日志消息.....................39 3.3.4 更新 Bootstrap 包................39 3.3.5 移除文件 ...........................40 3.3.6 更新控制器、布局和视图....40 3.4 运行项目............................. 7.1.7 启动 RESTful Web 服务.....119 7.2 准备 Angular 项目功能...........120 7.2.1 更新根组件......................120 7.2.2 更新根模块......................121 7.2.3 检查引导文件...................121 7.3 启动数据模型

的标记（markup）组合起来，这些标记可以在 HTML 元素显示出来之前修 改它们。模板中的指令会提供程序逻辑，而绑定标记会把你应用中的数据和 DOM 连接在一起。 • 事件绑定让你的应用可以通过更新应用的数据来响应目标环境下的用户输入。 • 属性绑定让你将从应用数据中计算出来的值插入到 HTML 中。 在视图显示出来之前，Angular 会先根据你的应用数据和逻辑来运行模板中的指令并解析绑定表达式， 些内置的保护措施。 3.1 最佳实践 • 及时把 Angular 包更新到最新版本。我们会频繁的更新 Angular 库，这些更新可能会修复之前版本中 发现的安全漏洞。查看 Angular 的更新记录，了解与安全有关的更新。 • 不要修改你的 Angular 副本。私有的、定制版的 Angular 往往跟不上最新版本，这可能导致你忽略重要 的安全修复与增强。反之，应该在社区共享你对 Angular

4. 跨浏览器兼容性 ✔ AngularJS 基于jqLite/jQuery实现浏览器 的兼容。但是其集成的第三方组件不一 定支持跨浏览器兼容。 注意： AnugularJS (1.3 及其以上版本) 移除了对IE8的支持。如果需要对于IE8 的支持，请选择ExtJS 5. 绘图组件 ExtJS 包含独立的绘图组件，非常的强大。在大部分的 企业应用中已经足够 AngularJS D3 绘图组件是基于亚马逊提 在我们的性能测试中， AngularJS 比Ext JS快3倍。 16. 轻量级 - 下载的包 ✘ ✔ 移动端 移动端 17. Web应用的移动端支持 Sencha 建议 Sencha Touch开发移动端版本。有些组件， 比如NestedList，在移动端，比Grids要好。这就意味着 ，需要开发独立的移动版应用。 使用ng-touch库、angular-gestures 和 ang ularJS 响应模块实现响应式Web应用， 路由 路由 20. 内建路由 ✔ ExtJS 5已包含 ✔ 21. 深度链接 ✔ ExtJS 5已包含 ✔ 22. 浏览历史， 前进和后退的支持 ✔ ExtJS 5已经引入 在早期的版本中通过Ext.util.History实现 ✔ 23. 浏览器收藏夹支持 ✔ ExtJS 5已引入 ✔ 24. SEO 支持 对于大部分的单页应用程序，访问都是基于权限的，所 以没有SEO的必要。

Angular 2 網站開發框架 多奇數位創意有限公司 技術總監 黃保翕 ( Will 保哥 ) 部落格：http://blog.miniasp.com/ 適用 Angular 2.0.0-rc.5 版本 我們所認識的前端技術都是假的 千萬不要執著你之前學會的任何技術 忘掉一切的業障 才有重生的機會 今天我們要來 重新認識 Angular 2 開發框架 記得：今天是來消除業障的！ ANGULAR JavaScript 程式語言 ( IE9+ ) • ES 2015 – 此版本為 ES5 的「超集合」 – 具有新穎的 JavaScript 語言特性 ( let, const, for-of, … ) – 可透過 Babel 轉譯器將瀏覽器不支援的語法轉為 ES5 版本 • TypeScript – 此版本為 ES 2015 的「超集合」 – 具有強型別特性、內建 ES5 轉譯器 (Transpiler)、更好的工具支援 Application 21 準備 Angular 2 開發環境 • 架設 Angular 2 開發環境說明文件 • 如何修改 Visual Studio Code 內建的 TypeScript 版本 • 關於 TypeScript 2.0 之後的模組定義檔 ( *.d.ts ) 22 使用 Angular CLI 建立專案範本 • 請務必在 NTFS 檔案系統執行相關命令 (Windows)

>ng generate cl:class c:component d:directive e:enum m:module p:pipe s:service 命令有简化版本：ng g c User @angular/cli  在Windows下面，node-gyp这个包依赖于Visual Studio  node-sass这个node模块被墙掉了，原因不明 -d69589979c18#.3ptlx48zf https://my.oschina.net/mumu/blog/775695 数据绑定 Immutable Data 简而言之，新版本的Angular已经彻底重写了脏检查机制 数据绑定 极其高效的脏检查机制 数据绑定 http://blog.thoughtram.io/angular/2016/02/22/angu

企业应⽤用前端的特点 • 独占模式 • 重业务，轻视觉 • 界⾯面规整，模式单⼀一 • 键盘操作 • 逻辑复杂 • 加载速度的侧重不同 • 浏览器版本相对宽松 传统的B/S企业应⽤用前端 • B/S企业软件常⽤用的展现层技术 – HTC 在浏览器端扩展标签 – JSF等 在服务端⽣生成界⾯面 – GWT 编译阶段⽣生成界⾯面