徐飞 新浪微博：@民⼯工精髓V 企业应⽤用前端的特点 • 独占模式 • 重业务，轻视觉 • 界⾯面规整，模式单⼀一 • 键盘操作 • 逻辑复杂 • 加载速度的侧重不同 • 浏览器版本相对宽松 传统的B/S企业应⽤用前端 • B/S企业软件常⽤用的展现层技术 – HTC 在浏览器端扩展标签 – JSF等 在服务端⽣生成界⾯面 便于保证数据的⼀一致性 – 业务逻辑的复⽤用 – 每个层次的单独可测试 • Struts这种服务端MVC的弱点在哪⾥里？ – 拉长了视图层的⽣生成和渲染 – 不利于UI⼈人员协作 ⾃自定义标签 • 在创建界⾯面时，声明式代码是有优势的。 • HTML的标签集是⽐比较贫乏的。 • 服务端⾃自定义标签的劣势 • 曾经有过什么浏览器端⾃自定义标签机制 – html 甚⾄至因为与DOM⽆无关，这个单元测试可以在 NodeJS⾥里做 ⼆二次开发平台 • ⼆二次开发平台是做什么⽤用的？ – 业务⼈人员通过拖拉配置，⽣生成可⽤用的功能。 • 为什么企业会需要⼆二次开发平台？ – ⼈人⼒力与定制化需求的⽭矛盾 • 为什么企业选择⾃自⼰己做⼆二次开发平台？ – 每个⾏行业都有⾃自⼰己的特点 • 怎样才能做好⼆二次开发平台？ – 业务模型的维护，界⾯面与逻辑的松耦合

Web 开发经典丛书 Angular 5 高级编程 (第 2 版) [美] Adam Freeman 著 杨明军 颜炯 等译 北 京 Pro Angular, Second Edition Adam Freeman EISBN：978-1-4842-2306-2 图书在版编目(CIP)数据 Angular 5高级编程：第2版 / (美)亚当 • 弗里曼(Adam Freeman) 著；杨明军 等译. —北京：清华大学出 版社，2018 (Web 开发经典丛书) 书名原文：Pro Angular, Second Edition ISBN 978-7-302-49117-0 Ⅰ. ①A… Ⅱ. ①亚… ②杨… Ⅲ. ①超文本标记语言－程序设计－教材 址：北京清华大学学研大厦 A 座 邮 编：100084 社 总 机：010-62770175 邮 购：010-62786544 投稿与读者服务：010-62776969，c-service@tup.tsinghua.edu.cn 质 量 反 馈：010-62772015，zhiliang@tup.tsinghua.edu.cn

Applications Google Angular Team 编著 北京 • BEIJING 序 Angular 是一个开发平台。它能帮你更轻松的构建 Web 应用。Angular 集声明式模板、依赖注入、端到 端工具和一些最佳实践于一身，为你解决开发方面的各种挑战。Angular 为开发者提升构建 Web、手机或桌 面应用的能力。 i 前言 Web 应用程序的安全涉及到很多方面。针对常见的漏 JavaScript 的模块 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 第二章 服务与依赖注入 7 2.1 服务 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 模块，通常还会有很多特性模块。 • 组件定义视图。视图是一组可见的屏幕元素，Angular 可以根据你的程序逻辑和数据来选择和修改它 们。每个应用都至少有一个根组件。 • 组件使用服务。服务会提供那些与视图不直接相关的功能。服务提供商可以作为依赖被注入到组件 中，这能让你的代码更加模块化、可复用，而且高效。 强行在这里插入一个公式： lim x→0 ex − 1 2x [ 0 0] = H lim

AngularJS 我们用ExtJS和AngularJS开发了一个简单测试的应用程序，进行完整的性能测 试。我们选取了同样的组件，规范了测试的流程，以保证测试的结果。 ExtJS 对比 AngularJS: 特性比较 性能比较 框架比较 架构比较 进一步的分析 Sencha Ext JS 强大的企业级开发框架 良好的浏览器兼容性 基于MVC的框架开发 图标插件 Modern UI widgets ✔ 幸运的是， AngularUI中已经包含了许 多开源的组件， AngularUI Bootstrap, K endo (and Angular-Kendo), Wijmo 和其他 的. 3. 开发单页应用 ✔ ✔ 4. 跨浏览器兼容性 ✔ AngularJS 基于jqLite/jQuery实现浏览器 的兼容。但是其集成的第三方组件不一 定支持跨浏览器兼容。 注意： AnugularJS JS快3倍。 16. 轻量级 - 下载的包 ✘ ✔ 移动端 移动端 17. Web应用的移动端支持 Sencha 建议 Sencha Touch开发移动端版本。有些组件， 比如NestedList，在移动端，比Grids要好。这就意味着 ，需要开发独立的移动版应用。 使用ng-touch库、angular-gestures 和 ang ularJS 响应模块实现响应式Web应用， 18.

第一块内容：集成开发环境@angular/cli  第二块内容：Angular三大核心概念 Component,Module,Route  第三块内容：Angular架构特色 依赖注入、数据绑定  第四块内容：UI库 Angular-Material,Prime-NG,ng2-bootstrap,ionic  第五块内容：参考资源推荐 第一块：集成开发环境@angular/cli UI Libraries Angular-Material UI Libraries PrimeNG UI Libraries 强烈推荐：ng2-bootstrap 移动端开发神器 ionic，底层是NativeScript 第五块：参考资源推荐 特别推荐：ng2-admin https://github.com/akveo/ng2-admin 特别推