ExtJS和AngularJS比较 原文地址：http://www.techferry.com/articles/ExtJS-vs-AngularJS.html ExtJS 和AngularJS 是两种企业级的富 UI设计框架。 这篇文章从优势、架构、测试、性能等各个方面比较了 ExtJS 和 AngularJS 我们用ExtJS和AngularJS开发了一个简单测试的应用程序，进行完整的性能测 Sencha ExtJS 和 和 AngularJS对比 对比 序号 序号 Features ExtJS AngularJS 1. UI应用程序商店 ✔ ✘ 2. 丰富的UI组件样式 ✔ 幸运的是， AngularUI中已经包含了许 多开源的组件， AngularUI Bootstrap, K endo (and Angular-Kendo), Wijmo 和其他 的. 3. 开发单页应用 应用程序设计框架 ExtJS 5 支持 MVC (Model-View-Controller) 和 MVVM (M odel-View-ViewModel) MVW (Model-View-Whatever). 它支持流行的设计模式，比如 Model-Vi ew-Controller(MVC) 和 Model-View-Vie wModel(MVVM) 8. 依赖注入 Ext JS 能够通过扩展（

可以有效降低开 发者和开发团队的决策成本，有利于项目的快速起步。 Angular 5 是构建动态 JavaScript 应用程序的领先框架，而想讲清楚这个包罗万象的一 站式框架的各项强大功能是一项很大的挑战。Adam Freeman 撰著的《Angular 5 高级编程(第 2 版)》详细描述如何在项目中使用 Angular，从最基本的构造块开始，到最终构建最先进 和复杂的功能，深入讲解开发者所需要掌握的所有知识。本书讲解 工作室负责人肖国尊负责本书翻译质量和进度的控制与管理。敬 请广大读者提供反馈意见，我们的邮箱是 215565222@qq.com。我们会仔细查阅读者发来 的每一封邮件，尽快回应读者的问题。 ■ ■ ■ 作 者 简 介 Adam Freeman 是一位经验丰富的 IT 专业人士，曾在一系列公司担任过高级职位， 曾经担任一家全球银行的首席技术官和首席运营官。退休之后，他热衷于写作和长跑。 后，他热衷于写作和长跑。 ■ ■ ■ 技术评审员简介 Fabio Claudio Ferracchiati 是微软技术领域的高级顾问、高级分析师和高级开发人员。 他在 BluArancio 公司(www.bluarancio.com)工作。他拥有.NET MCSD(Microsoft Certified Solution Developer，微软认证解决方案开发人员)、

是一个开发平台。它能帮你更轻松的构建 Web 应用。Angular 集声明式模板、依赖注入、端到 端工具和一些最佳实践于一身，为你解决开发方面的各种挑战。Angular 为开发者提升构建 Web、手机或桌 面应用的能力。 i 前言 Web 应用程序的安全涉及到很多方面。针对常见的漏洞和攻击，比如跨站脚本攻击，Angular 提供了一 些内置的保护措施。 iii 目 录 序 i 前言 模板、指令和数据绑定 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4 1.2 NgModule 和 JavaScript 的模块 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6 第二章 服务与依赖注入 索引 19 v PARTI 第一部分 Angular 应用基础 1 第一章 核心知识 Angular 是一个用 HTML 和 TypeScript 构建客户端应用的平台与框架。Angular 本身使用 TypeScript 写 成的。它将核心功能和可选功能作为一组 TypeScript 库进行实现，你可以把它们导入你的应用中。 1.1 架构概览 Angular 的基本构造块是

前端逻辑有⼀一定规模，分层有利协作 – 便于保证数据的⼀一致性 – 业务逻辑的复⽤用 – 每个层次的单独可测试 • Struts这种服务端MVC的弱点在哪⾥里？ – 拉长了视图层的⽣生成和渲染 – 不利于UI⼈人员协作 ⾃自定义标签 • 在创建界⾯面时，声明式代码是有优势的。 • HTML的标签集是⽐比较贫乏的。 • 服务端⾃自定义标签的劣势 • 曾经有过什么浏览器端⾃自定义标签机制

這種指令會修改元素的外觀或行為 – 例如內建的 NgStyle 或 NgClass 指令就可讓你自由的變更樣式 • 結構型指令 (Structure Directives) – 這種指令會透過新增和刪除 DOM 元素來改變 DOM 結構 – 例如內建的 NgIf、NgFor 或 NgSwitch 就可以用來控制 DOM 結構 • 請注意 ngSwitch 前面不要加上 * 星號 • 請注意 ngIf