展前景等因素需要考虑。评估任何一个框架不仅要看其优势，还要看它给开发者挖的坑有 多深。Angular 框架自最初的 AngularJS，迭代到最新的 Angular 5，其不变的最显著特征就 是其整合性。作为一个一体化框架，Angular 经过精心的前期设计，涵盖了开发中的各个 层面，层与层之间都经过精心调适。开发者借助这个“开箱即用”的框架，就可以完成大 部分的前端开发工作，而不需要费时费力去组合、评估其他前端技术。这可以有效降低开 ......8 2.2.2 创建包文件..........................8 2.2.3 启动服务器........................10 2.2.4 编辑 HTML 文件................11 2.3 向项目中添加 Angular 功能.....13 2.3.1 准备 HTML 文件................14 准备项目(Visual Studio) .......35 3.3.2 创建和编辑配置文件...........36 3.3.3 启用日志消息.....................39 3.3.4 更新 Bootstrap 包................39 3.3.5 移除文件 ...........................40 3.3.6 更新控制器、布局和视图

可以根据你的程序逻辑和数据来选择和修改它 们。每个应用都至少有一个根组件。 • 组件使用服务。服务会提供那些与视图不直接相关的功能。服务提供商可以作为依赖被注入到组件 中，这能让你的代码更加模块化、可复用，而且高效。 强行在这里插入一个公式： lim x→0 ex − 1 2x [ 0 0] = H lim x→0 ex 2 = 1 2 (1.1) 1.1.1 模块 Angular JavaScript（ES2015）用来管理 JavaScript 对象的模块系统不同，而且也没有直接关联。 这两种模块系统不同但互补。你可以使用它们来共同编写你的应用。 JavaScript 中，每个文件是一个模块，文件中定义的所有对象都从属于那个模块。通过 export 关键字，模 块可以把它的某些对象声明为公共的。其它 JavaScript 模块可以使用 import 语句来访问这些公共对象。 架构概览 这两种模块系统不同但互补。你可以使用它们来共同编写你的应用。 JavaScript 中，每个文件是一个模块，文件中定义的所有对象都从属于那个模块。通过 export 关键字，模 块可以把它的某些对象声明为公共的。其它 JavaScript 模块可以使用 import 语句来访问这些公共对象。 JavaScript 模块 JavaScript 中，每个文件是一个模块，文件中定义的所有对象都从属于那个模块。通过 export 关键字，模

Model-View-Vie wModel(MVVM) 8. 依赖注入 Ext JS 能够通过扩展（ Deft JS）增加依赖注入 ✔ 9. 数据绑定 ✔ ✔ 10. 直接操作DOM元素 ✔ ✔ 11. 模块化 ✔ ✔ 测试 测试 12. 自动测试支持 通过扩展工具实现 ✔ 13. 测试框架或者测试工具 许多第三方的测试框架，比如 Siesta (专门为ExtJS优化), Jasmine and Mocha Deft JS 实现依赖注入 它是基于组件，模块化的 AngularJS： AngularJS是一个对于web应用的HTML扩展。 它被描述为了 'Model-View-Whatever' 框架，它并没有规定使用特定的开发 框架。但是它非常容易支持 Model-View-Controller 或者 Model-View-View Model. 它是模块化的。 它自动装盘HTML元素中的依赖注入模块 方法来回收脏数据 。 脏数据回收完成，数据的改变就会呈现在UI上。 脏检查是异步的 Deferred bootstrap: Bootstrap指的是初始化的过程，Deferred bootstrap用于延迟启动进程加载很重、很大的依赖文件或者目标。 Deferred bootstrap主要用于端对端测试。 虽然deferred bootstrap对于开发和单页应用测试没有意义，但是它对AngularJS

一张图覆盖Angular所有概念 感谢《揭秘Angular2》的汤桂川老师提供如此详细的脑图！ Angular最核心的3个概念 Component Route Module Angular最核心的概念是“组件化” 第一个核心概念：Component http://git.oschina.net/mumu-osc/NiceFish Component Tree App Home User html NgModule 根组件 NgModule bundle-0.js bundle-1.js bundle-2.js bundle-3.js NgModule 文件体积 请求数量 这里需要取得一个平衡 第三个核心概念：Router 问题：前端为什么需要Router？ 前端为什么需要Router？ 如果没有Router，浏览器的前进后退按钮没法用

Angular 2 開發環境說明文件 • 如何修改 Visual Studio Code 內建的 TypeScript 版本 • 關於 TypeScript 2.0 之後的模組定義檔 ( *.d.ts ) 22 使用 Angular CLI 建立專案範本 • 請務必在 NTFS 檔案系統執行相關命令 (Windows) • ng new demo1 – 初始化 Git 儲存庫 – 安裝 npm

NodeJS⾥里做 ⼆二次开发平台 • ⼆二次开发平台是做什么⽤用的？ – 业务⼈人员通过拖拉配置，⽣生成可⽤用的功能。 • 为什么企业会需要⼆二次开发平台？ – ⼈人⼒力与定制化需求的⽭矛盾 • 为什么企业选择⾃自⼰己做⼆二次开发平台？ – 每个⾏行业都有⾃自⼰己的特点 • 怎样才能做好⼆二次开发平台？ – 业务模型的维护，界⾯面与逻辑的松耦合 移动端 – ngTouch • 还有更完善的选择吗？ – Ionic 前端的⼯工程化 • ⼀一个软件系统，并不只是简单功能的堆砌 • 当规模扩⼤大的时候，有⼀一些边际效应 – 某个JS模块被修改，如何得知会影响谁？ – 某个界⾯面⽚片段被调整，会影响什么界⾯面？ – 如何最⼩小化发布？ – 如何⼀一键测试、打包、压缩？ – 。。。。。。 Thanks Q