Angular核心特性 大漠穷秋 2017-05-13 内容提纲  第一块内容：集成开发环境@angular/cli  第二块内容：Angular三大核心概念 Component,Module,Route  第三块内容：Angular架构特色 依赖注入、数据绑定  第四块内容：UI库 Angular-Material,Prime-NG,ng2-bootstrap

———————————————————————————————————————————— 产品编号： ■ ■ ■ 译 者 序 在欣欣向荣的 Web 前端领域，新的框架层出不穷，如此多的选择给开发者带来极大的 痛苦：学习难度如何？开发效率如何？运行性能如何？可维护性高吗？还有开发社区、发 展前景等因素需要考虑。评估任何一个框架不仅要看其优势，还要看它给开发者挖的坑有 3.1 创建模块 ...........................99 6.3.2 从 JavaScript 模块导入.......100 6.4 有用的 TypeScript 特性 ..........103 6.4.1 使用类型注解...................103 6.4.2 使用元组 .........................109 6 2.1 创建新组件..................388 17.2.2 定义模板 .....................391 17.2.3 完成组件的重组............400 17.3 使用组件样式.......................401 17.3.1 定义外部组件样式........402 17.3.2 使用高级样式特性.......

AngularJS 我们用ExtJS和AngularJS开发了一个简单测试的应用程序，进行完整的性能测 试。我们选取了同样的组件，规范了测试的流程，以保证测试的结果。 ExtJS 对比 AngularJS: 特性比较 性能比较 框架比较 架构比较 进一步的分析 Sencha Ext JS 强大的企业级开发框架 良好的浏览器兼容性 基于MVC的框架开发 图标插件 Modern UI widgets AngularJS license 和 开源软件基于 GPL 许可 开源的JavaScript 框架，基于 MIT 许可. 28. 完整的稳定，教程，食品，案例 ✔ ✔ 29. 支持：一般的讨论，bug提交， 开发新特性请求 基础支持和付费支持 完全支持 30. 完整程度：集成第三方控件，不 存在因第三方控件BUG而引发的 问题 ✔ ✘ 其他 其他 31. 动画效果支持 ✔ ✔ 32. Deferred 它支持浏览器收藏夹和浏览器前进/后退导航 AngularJS： AngularJS路由将 controllers, view templates, 和浏览器当前 URL 地址联系 在了一起。使用这个特性，我们实现了深度链接 通过使用深度链接，实现了使用一个超链接，导航到本页面的特定位置。 它使我们能够使用浏览器历史（前进/后退导航）和浏览器收藏夹 测试； 测试； ExtJS： ExtJS应用能够使用第三方的测试框架来测试，比如

) • ES 2015 – 此版本為 ES5 的「超集合」 – 具有新穎的 JavaScript 語言特性 ( let, const, for-of, … ) – 可透過 Babel 轉譯器將瀏覽器不支援的語法轉為 ES5 版本 • TypeScript – 此版本為 ES 2015 的「超集合」 – 具有強型別特性、內建 ES5 轉譯器 (Transpiler)、更好的工具支援 • Dart Dart – 非 JavaScript 家族的程式語言 – 具有強型別特性 13 Angular 2 的開發工具 • Visual Studio Code (推薦) • Visual Studio 2015 • Sublime Text • WebStorm • Atom • Plunker 14 Angular 2 頁面的組成 應用程式元件 + 樣板 + 樣式 ( AppComponent

NgModule，它为组件提供了编译的上下文环境。NgModule 会把相关的代码 收集到一些功能集中。Angular 应用就是由一组 NgModule 定义出的。应用至少会有一个用于引导应用的根 模块，通常还会有很多特性模块。 • 组件定义视图。视图是一组可见的屏幕元素，Angular 可以根据你的程序逻辑和数据来选择和修改它 们。每个应用都至少有一个根组件。 • 组件使用服务。服务会提供那些与视图不直接相关 语句来访问这些公共对象。 6 第一章 核心知识 第二章 服务与依赖注入 服务是一个广义的概念，它包括应用所需的任何值、函数或特性。狭义的服务是一个明确定义了用途 的类。它应该做一些具体的事，并做好。 2.1 服务 服务是一个广义的概念，它包括应用所需的任何值、函数或特性。狭义的服务是一个明确定义了用途 的类。它应该做一些具体的事，并做好。  代码 2.1: src/app/app.module 该注入器维护一个包含它已创建的依赖实例的容器，并尽可能复用它们。 • 提供商是一个创建依赖的菜谱。对于服务来说，它通常就是这个服务类本身。你在应用中要用到的任 何类都必须使用该应用的注入器注册一个提供商，以便注入器可以使用它来创建新实例。 8 第二章 服务与依赖注入 PARTII 第二部分 Angular 应用安全防范 9 第三章 最佳实践 Web 应用程序的安全涉及到很多方面。针对常见的漏洞和攻击，比如跨站脚本攻击，Angular

业务模型的维护，界⾯面与逻辑的松耦合 移动端 • 移动端需要完全从头开始开发吗？ – 代价太⼤大了 • 它能利⽤用已有的什么？ – 服务、前端业务逻辑 • Angular有哪些特性适合移动端开发？ – ngTouch • 还有更完善的选择吗？ – Ionic 前端的⼯工程化 • ⼀一个软件系统，并不只是简单功能的堆砌 • 当规模扩⼤大的时候，有⼀一些边际效应