前端框架千千万，每隔两年翻一番

01

百花齐放的前端框架

2007 年的时候我刚毕业，当时最火的前端框架是 jQuery 和 Ext JS，那时候大家纠结的问题是：我到底是用 jQuery 呢还是用 Ext JS 呢/span>

后来又出现了：Adobe Flex、Microsoft SilverLight、Dojo、Ember、Backbone、RequireJS……一大堆框架。

从 2008 年到现在，大家能在市面上看到的前端框架不下 10 种，真心让人目不暇接。

请注意，所有 UI 组件几乎都是这样设计的，怎么样，还需要去强记那些内容吗哈哈。

组件之间如何通讯/strong>

OK，无论什么 UI 框架，有了 UI 组件之后，紧接着就需要解决组件间通讯的问题。

在状态管理这块，需要仔细设计这些问题：是否需要双向绑定何配合路由保持组件状态/span>

组件样式怎么做/strong>

因为是前端框架，所以美观的问题也不能放松。所幸的是，在移动互联 时代，用户都已经习惯了“扁平化”、“极简主义”这些设计风格，我们可以利用市面上现有的 CSS 样式库来给我们的组件“化妆”，常用的有这些：

03

共同问题二：如何实现模块化

如你所知，在 Java 里面，我们有完善的 Class/Package/Jar/ClassLoader 这些机制的支持。当 JVM 发现所需要的 .class 文件没有加载的时候，它自己会使用 ClassLoader 去加载，不需要程序员自己操心。

但是在 JS 里面不行，由于 JavaScript 这门语言本身的缺陷，它没有提供完善的模块化支持，这就导致了所有前端框架必须自己解决模块化的问题。

升级的内容有哪些/h3>

Angular 这门达人课发布已经整一年的时间，2018 年 10 月，Angular 7.0 如约而至。

我花了一些时间把课程相关的图文内容和实例代码全部升级到了最新的版本，包括：

• 教程相关联的几百个小例子

• 3 个综合的项目，1 个 To C 型的门户项目、1个 To B 型的后台管理项目、1个移动端 PWA 项目

这次我刻意记录了一下，升级、修改所有代码主要体现在两个地方：

• 核对各个 NodeJS 模块的版本兼容性（手动做有点繁琐）

• RxJS 升级导致的一些写法改变

整个升级过程非常平滑，各位无需担忧。

• 修改之后共有 46 篇文章。

• 所有相关项目的代码都已经升级到了当前最新的 Angular 7.0 版本，NiceFish、OpenWMS、learn-*系列，保证文字内容和实例代码同步。

• 综合最新的版本 5.0、6.0、7.0，修订、增补了一些文本，比如 Angular 5.0 新增的 8 个路由事件等。

• 修改了一些数据和图表，使用当前最新的数据（2018 年 10 月 30 日）。

• 修改了一些配图。

• 增加 3 个附录，解释 5.0、6.0、7.0 更新了哪些内容。

大漠穷秋，10 年开发经验，其中 5 年后端、5 年前端。熟悉 Java 相关的技术体系：Spring MVC、MyBatis、Ehcache、ELK、MySQL 等。

在前端技术方面尤其有深入的研究，先后使用并研究过 Flex、jQuery、Ext JS、Backbone、Bootstrap、Angular 等常见的前端技术体系。

2016 ~ 2017 年期间，担任 Angular Developer PM，专门帮助 Google Angular 团队在中国推广 Angular 框架。

出版了《Ext 江湖》一本图书，翻译出版了《ActionScript 3.0 游戏设计基础（第二版）》《用 AngularJS 开发下一代 Web 应用》《迈向 Angular 2》三本图书。

题图：Breaking Bad