Angular, Second Edition ISBN 978-7-302-49117-0 Ⅰ. ①A… Ⅱ. ①亚… ②杨… Ⅲ. ①超文本标记语言－程序设计－教材 Ⅳ. ①TP312.8 中国版本图书馆 CIP 数据核字(2017)第 315412 号 责任编辑：王 军 李维杰 装帧设计：孔祥峰 责任校对：曹 阳 责任印制： 出版发行：清华大学出版社 展前景等因素需要考虑。评估任何一个框架不仅要看其优势，还要看它给开发者挖的坑有 多深。Angular 框架自最初的 AngularJS，迭代到最新的 Angular 5，其不变的最显著特征就 是其整合性。作为一个一体化框架，Angular 经过精心的前期设计，涵盖了开发中的各个 层面，层与层之间都经过精心调适。开发者借助这个“开箱即用”的框架，就可以完成大 部分的前端开发工作，而不需要费时费力去组合、评估其他前端技术。这可以有效降低开 理解 Bootstrap...........................57 4.3.1 应用基本的Bootstrap类........57 4.3.2 使用Bootstrap样式化表格 ....61 4.3.3 使用Bootstrap创建表单........62 4.3.4 使用Bootstrap创建网格........63 4.4 本章小结.........

4. 跨浏览器兼容性 ✔ AngularJS 基于jqLite/jQuery实现浏览器 的兼容。但是其集成的第三方组件不一 定支持跨浏览器兼容。 注意： AnugularJS (1.3 及其以上版本) 移除了对IE8的支持。如果需要对于IE8 的支持，请选择ExtJS 5. 绘图组件 ExtJS 包含独立的绘图组件，非常的强大。在大部分的 企业应用中已经足够 AngularJS D3 绘图组件是基于亚马逊提 Model-View-Vie wModel(MVVM) 8. 依赖注入 Ext JS 能够通过扩展（ Deft JS）增加依赖注入 ✔ 9. 数据绑定 ✔ ✔ 10. 直接操作DOM元素 ✔ ✔ 11. 模块化 ✔ ✔ 测试 测试 12. 自动测试支持 通过扩展工具实现 ✔ 13. 测试框架或者测试工具 许多第三方的测试框架，比如 Siesta (专门为ExtJS优化), Jasmine and Mocha 在我们的性能测试中， AngularJS 比Ext JS快3倍。 16. 轻量级 - 下载的包 ✘ ✔ 移动端 移动端 17. Web应用的移动端支持 Sencha 建议 Sencha Touch开发移动端版本。有些组件， 比如NestedList，在移动端，比Grids要好。这就意味着 ，需要开发独立的移动版应用。 使用ng-touch库、angular-gestures 和 ang ularJS 响应模块实现响应式Web应用，

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)、更好的工具支援 如何修改 Visual Studio Code 內建的 TypeScript 版本 • 關於 TypeScript 2.0 之後的模組定義檔 ( *.d.ts ) 22 使用 Angular CLI 建立專案範本 • 請務必在 NTFS 檔案系統執行相關命令 (Windows) • ng new demo1 – 初始化 Git 儲存庫 – 安裝 npm 相依套件 • cd demo1 •

企业应⽤用前端的特点 • 独占模式 • 重业务，轻视觉 • 界⾯面规整，模式单⼀一 • 键盘操作 • 逻辑复杂 • 加载速度的侧重不同 • 浏览器版本相对宽松 传统的B/S企业应⽤用前端 • B/S企业软件常⽤用的展现层技术 – HTC 在浏览器端扩展标签 – JSF等 在服务端⽣生成界⾯面 – GWT 编译阶段⽣生成界⾯面 NodeJS⾥里做 ⼆二次开发平台 • ⼆二次开发平台是做什么⽤用的？ – 业务⼈人员通过拖拉配置，⽣生成可⽤用的功能。 • 为什么企业会需要⼆二次开发平台？ – ⼈人⼒力与定制化需求的⽭矛盾 • 为什么企业选择⾃自⼰己做⼆二次开发平台？ – 每个⾏行业都有⾃自⼰己的特点 • 怎样才能做好⼆二次开发平台？ – 业务模型的维护，界⾯面与逻辑的松耦合 移动端 – ngTouch • 还有更完善的选择吗？ – Ionic 前端的⼯工程化 • ⼀一个软件系统，并不只是简单功能的堆砌 • 当规模扩⼤大的时候，有⼀一些边际效应 – 某个JS模块被修改，如何得知会影响谁？ – 某个界⾯面⽚片段被调整，会影响什么界⾯面？ – 如何最⼩小化发布？ – 如何⼀一键测试、打包、压缩？ – 。。。。。。 Thanks Q

可以根据你的程序逻辑和数据来选择和修改它 们。每个应用都至少有一个根组件。 • 组件使用服务。服务会提供那些与视图不直接相关的功能。服务提供商可以作为依赖被注入到组件 中，这能让你的代码更加模块化、可复用，而且高效。 强行在这里插入一个公式： lim x→0 ex − 1 2x [ 0 0] = H lim x→0 ex 2 = 1 2 (1.1) 1.1.1 模块 Angular 些内置的保护措施。 3.1 最佳实践 • 及时把 Angular 包更新到最新版本。我们会频繁的更新 Angular 库，这些更新可能会修复之前版本中 发现的安全漏洞。查看 Angular 的更新记录，了解与安全有关的更新。 • 不要修改你的 Angular 副本。私有的、定制版的 Angular 往往跟不上最新版本，这可能导致你忽略重要 的安全修复与增强。反之，应该在社区共享你对 Angular

>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模块被墙掉了，原因不明 一张图覆盖Angular所有概念 感谢《揭秘Angular2》的汤桂川老师提供如此详细的脑图！ Angular最核心的3个概念 Component Route Module Angular最核心的概念是“组件化” 第一个核心概念：Component http://git.oschina.net/mumu-osc/NiceFish Component Tree App Home User -d69589979c18#.3ptlx48zf https://my.oschina.net/mumu/blog/775695 数据绑定 Immutable Data 简而言之，新版本的Angular已经彻底重写了脏检查机制 数据绑定 极其高效的脏检查机制 数据绑定 http://blog.thoughtram.io/angular/2016/02/22/angu