................. 93 6.1 准备示例项目...........................93 6.2 使用对象...................................94 6.2.1 使用对象字面量 .................95 6.2.2 将函数用作方法 .................95 6.2.3 定义类. ...103 6.4.1 使用类型注解...................103 6.4.2 使用元组 .........................109 6.4.3 使用可索引类型 ...............109 6.4.4 使用访问修饰符 ...............110 6.5 本章小结............................. .. 443 19.1 准备示例项目 .......................444 19.2 理解对象分发问题................445 19.2.1 问题的提出 ..................445 19.2.2 利用依赖注入将对象 作为服务分发...............450 19.2.3 在其他构造块中声明 依赖.......

可以根据你的程序逻辑和数据来选择和修改它 们。每个应用都至少有一个根组件。 • 组件使用服务。服务会提供那些与视图不直接相关的功能。服务提供商可以作为依赖被注入到组件 中，这能让你的代码更加模块化、可复用，而且高效。 强行在这里插入一个公式： lim x→0 ex − 1 2x [ 0 0] = H lim x→0 ex 2 = 1 2 (1.1) 1.1.1 模块 Angular NgModule 使用。比如，要在你的应用中使用路由器（Router）服务，就要导入 Router 这个 NgModule。 把你的代码组织成一些清晰的功能模块，可以帮助管理复杂应用的开发工作并实现可复用性设计。另 外，这项技术还能让你获得惰性加载（也就是按需加载模块）的优点，以尽可能减小启动时需要加载的代 码体积。 然后，我在这里强行引用上述公式1.1。 1.1.2 模板、指令和数据绑定 JavaScript（ES2015）用来管理 JavaScript 对象的模块系统不同，而且也没有直接关联。 这两种模块系统不同但互补。你可以使用它们来共同编写你的应用。 JavaScript 中，每个文件是一个模块，文件中定义的所有对象都从属于那个模块。通过 export 关键字，模 块可以把它的某些对象声明为公共的。其它 JavaScript 模块可以使用 import 语句来访问这些公共对象。 架构概览 5 1.2 NgModule

摘要： 摘要： ExtJS 是基于组件的 (表格、树、表单、绘图)；代码开始于对现有类的扩展，配置 模型，自定义显示和行为/事件，将这些组件加入到container/layout中。 它遵循面 向对象的设计思想和MVC设计模式，很少直接操作DOM元素 AngularJS，走的是另外的一条路，是一种声明式的程序。在HTML标签上新增An gularJS指令，配置模型，使用模版和路由配置视图；框架最终实现了DOM的创建 ExtJS应用能够使用第三方的测试框架来测试，比如 Siesta (专门为 Ext JS 优化)，Jasmine 和Mocha. 自身并不包含测试框架和测试工具 AngularJS： AngularJS在设计之初，就考虑到了应用的可测试性 支持单元测试，集成测试和功能 AngularJS 团队开发了 Karma 测试工具。 另外，第三方的工具 Protractor 也可以用于AngularJS的测试 数据绑定 数据绑定 双向 双向数据绑定是连接页面UI和数据模型的纽带，及更改模型的数据，页面UI能够同步响应 ExtJS： ExtJS 5 组件有新的绑定配置，用于实现此功能 在早期的ExtJS版本中，使用Store对象来实现此功能。但是任然有 一些工作需要做，比如加载Store等 AngularJS： AngularJS的双向数据映射执行的作用域，是基于一个原型继承树作用域的嵌套模 型 (models). Cons：

单页应⽤用架构 前端的分层 • 为什么单页应⽤用⼀一定要分层？ – 前端逻辑有⼀一定规模，分层有利协作 – 便于保证数据的⼀一致性 – 业务逻辑的复⽤用 – 每个层次的单独可测试 • Struts这种服务端MVC的弱点在哪⾥里？ – 拉长了视图层的⽣生成和渲染 – 不利于UI⼈人员协作 ⾃自定义标签 • 在创建界⾯面时，声明式代码是有优势的。 • 业务逻辑层可以⽤用单元测试来覆盖 • 甚⾄至因为与DOM⽆无关，这个单元测试可以在 NodeJS⾥里做 ⼆二次开发平台 • ⼆二次开发平台是做什么⽤用的？ – 业务⼈人员通过拖拉配置，⽣生成可⽤用的功能。 • 为什么企业会需要⼆二次开发平台？ – ⼈人⼒力与定制化需求的⽭矛盾 • 为什么企业选择⾃自⼰己做⼆二次开发平台？ – 每个⾏行业都有⾃自⼰己的特点 • 怎样才能做好⼆二次开发平台？

JavaScript 程式語言 ( IE9+ ) • ES 2015 – 此版本為 ES5 的「超集合」 – 具有新穎的 JavaScript 語言特性 ( let, const, for-of, … ) – 可透過 Babel 轉譯器將瀏覽器不支援的語法轉為 ES5 版本 • TypeScript – 此版本為 ES 2015 的「超集合」 – 具有強型別特性、內建 ES5 轉譯器 (Transpiler)、更好的工具支援