再叙AngularJS

上一篇讲到AngularJS是在三月17号，已经过去整整3个月。

当时我也只是AngularJS的入门程序员，文章涉及的内容也只是针对框架的特性和Backbone进行简单的对比。

在当时，我正在进行内部平台从Backbone向AngularJS的转型。那时Backbone版的平台，已经趋于稳定，并且已经服务于多家客户。

很多读者会有疑问：既然Backbone版的平台已经稳定且有成功案例，为什么要使用AngularJS再大费周章的进行替换呢？

主要有几个考虑的因素：

1. Backbone思想简单，但操作起来极其臃肿。通过View，Model外加Collection类进行分层，代表着一个页面必须有二个类。在企业级应用中，一个页面有多个Model很正常，有些Model还有子表进行关联....

这样下来，一个模块的类就极其多，类的数量增多，系统的复杂程度就会呈几何倍数增长。

2. 依赖关系生硬。一个庞大的架构设计，如果依赖不处理好，最后的结局一定是一盘美味的“意大利面”。Backbone并没有处理模块依赖的功能，完全由用户自由设计！我当时使用RequireJS来处理。

由于RequireJS是动态加载器，不属于严格的模块管理器，一直感觉平台像是东拼西凑然后用强力胶水粘起来的...

3.代码所到之处，全是DOM操作。虽然有jQuery利器，但是真正写起来还是很痛。写过JS的程序员都懂的，一个简单的弹出框，搜集值以及还原值，至少需要2个小时 ....而且代码极其容易出现Bug，让人极其烦躁。

连着被几个使用Backbone版的平台客户虐完之后，我下定决心一定要改变这种局面。

经过三个月的奋斗，AngularJS的平台已经完成，并且成功实施2个客户！开发速度较之之前有过之而无不及，特别在面对特殊，复杂的需求时，更是得心应手。

平台的各个模块被AngularJS的依赖注入完美的结合在一起，以我目前的见识，我认为平台的前端已经达到一个完美的地步。

我如此推崇AngularJS，很多同学可能不屑一顾，网上有太多黑AngularJS的，很多人也都看到过！别着急，我们先来看看AngularJS是如何整合前台的。

自带模块化机制

AngularJS内置模块化功能，使模块化简单清晰。这个非常重要，如果你的代码完全看不出模块化，等到庞大到一定程度，那种酸爽，谁写代码谁知道！

Controller包罗万象

AngularJS抛弃View、Model的概念，使用Controller处理所有的逻辑。

说简单点，就是整合MVC在Controller中，每个模块只需要Controller即可处理，大大减少了类的数量。

并且Controller使用树形结构维护，这样不同Controller之间就可以通过树来进行沟通，很好解决了Controller间的交互。

NgModel数据双向绑定

有了它，再也不用DOM操作。Controller中都是逻辑代码，瞬间清爽很多。这点也是很多被其他框架攻击的地方，认为它太过消耗性能。

Service外加Injector

每个平台，都有基础服务，或者说公共代码。Service很好的解决了这部分问题，外加AngularJS提供的依赖注入Injector，很好解决了模块依赖，使整个平台很好的结合在一起。

Directive指令

指令相当于Web组件，很好的解决了复用的问题，简化了前台的开发。AngularJS的组件不同于JSF的服务器组件，是完全本地化，而且可以很灵活的进行定制，完全不用担心组件的过度臃肿。

AngularJS使用如上几点，基本涵盖了前台的各个方面，同时，AngularJS开放的机制以及丰富的社区，即使遇到遗漏点，也会很快找到解决方案。

当然AngularJS也有不适合的情景！如果你开发的是企业系统，邮件系统，我会力荐使用它。但是如果你开发的是网页游戏，还是不要用AngularJS了，它的双向绑定在处理复杂DOM时，确实会拖慢效率的。

那么，复杂这个边界该如何定义呢?我看过一篇文章，说是2000个，即页面双向绑定变量达到2000个，我想没有企业系统会达到这个边界。

最近很多的前端框架一下子涌现出来，例如Facebook的ReactJS，去哪儿网的Avalon，knockoutjs，Vuejs...

本着技术人员的通病，我一个一个研究过，发现或多或少都有一些问题。而所有这些框架，都喜欢和AngularJS对比一番！

要么说比AngularJS双向绑定效率高，要么说比AngularJS轻量。这让我想起了小米手机说我比苹果便宜，锤子手机说我比苹果好看...

我不否认AngularJS的缺点，更不否认这些这些框架的优点，但这么对比，就好比孙膑赛马，用自己的上等马对比别人的下等马，有耍流氓嫌疑...这更会误导一些淳朴的程序员。

不说别的，一个框架，我认为最最最最重要的是社区和更新速度！单就这两点，AngularJS甩那些框架一条街！

所以如果你要选择一款Web框架，力荐AngularJS！