4.1 准备示例项目...........................51 4.2 理解 HTML ..............................53 4.2.1 理解空元素........................54 4.2.2 理解属性...........................54 4.2.3 应用无值属性............. ...........79 5.5 使用变量和类型.......................80 5.6 使用 JavaScript 操作符.............84 5.6.1 使用条件语句.....................84 5.6.2 相等操作符和恒等操作符....85 5.6.3 显式类型转换.....................86 ...100 6.4 有用的 TypeScript 特性 ..........103 6.4.1 使用类型注解...................103 6.4.2 使用元组 .........................109 6.4.3 使用可索引类型 ...............109 6.4.4 使用访问修饰符 ...............110

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

UserList AddUser 单向数据流 https://github.com/modern-javascript/angular2-data-flow 实际项目中的组件树 不可变数据类型 组件树生成器 https://github.com/manekinekko/angular2-dependencies-graph 第二个核心概念：NgModule Component

可以根据你的程序逻辑和数据来选择和修改它 们。每个应用都至少有一个根组件。 • 组件使用服务。服务会提供那些与视图不直接相关的功能。服务提供商可以作为依赖被注入到组件 中，这能让你的代码更加模块化、可复用，而且高效。 强行在这里插入一个公式： 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 程式語言 ( IE9+ ) • ES 2015 – 此版本為 ES5 的「超集合」 – 具有新穎的 JavaScript 語言特性 ( let, const, for-of, … ) – 可透過 Babel 轉譯器將瀏覽器不支援的語法轉為 ES5 版本 • TypeScript – 此版本為 ES 2015 的「超集合」 – 具有強型別特性、內建 ES5 轉譯器 (Transpiler)、更好的工具支援

ExtJS应用能够使用第三方的测试框架来测试，比如 Siesta (专门为 Ext JS 优化)，Jasmine 和Mocha. 自身并不包含测试框架和测试工具 AngularJS： AngularJS在设计之初，就考虑到了应用的可测试性 支持单元测试，集成测试和功能 AngularJS 团队开发了 Karma 测试工具。 另外，第三方的工具 Protractor 也可以用于AngularJS的测试 数据绑定 数据绑定 双向