AngularJS 在实际应用中有哪些优缺点

AngularJS 在实际应用中优点：

模板功能强大丰富，并且是声明式的，自带了丰富的Angular指令；

是一个比较完善的前端MV*框架，包含模板，数据双向绑定，路由，模块化，服务，过滤器，依赖注入等所有功能；

自定义Directive，比jQuery插件还灵活，但是需要深入了解Directive的一些特性，简单的封装容易，复杂一点官方没有提供详细的介绍文档，可以通过阅读源代码来找到某些我们需要的东西；

ng模块化比较大胆的引入了Java的一些东西（依赖注入），能够很容易的写出可复用的代码，对于敏捷开发的团队来说非常有帮助，即使UI变化很大，而且产品更新迭代，但是js的代码基本上却很少改动。

补充：Angular支持单元测试和e2e-testing。

AngularJS 在实际应用中缺点：

验证功能错误信息显示比较薄弱，需要写很多模板标签，没有jQuery Validate方便，所以我们自己封装了验证的错误信息提示；

ngView只能有一个，不能嵌套多个视图，虽然有 angular-ui/ui-router · GitHub 解决，但是貌似ui-router 对于URL的控制不是很灵活，必须是嵌套式的；

对于特别复杂的应用场景，貌似性能有点问题，特别是在Windows下使用chrome浏览器；

这没有完美兼容低版本，升级之后可能会导致一个兼容性的BUG；

ng提倡在控制器里面不要有操作DOM的代码，对于一些jQuery 插件的使用，如果想不破坏代码的整洁性，需要写一些directive去封装插件，但是现在有很多插件的版本已经支持Angular了；

Angular 太笨重了，没有让用户选择一个轻量级的版本，；

使用的人多才会暴露更多的问题，一起为这些问题寻找解决方案是一个社区的良性趋势，选择Angular，的确使开发效率大大提高。

JQuery是继prototype之后又一个优秀的Javascript库。它是轻量级的js库 ，它兼容CSS3，还兼容各种浏览器（IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+），jQuery2.0及后续版本将不再支持IE6/7/8浏览器.

AngularJS诞生于2009年，由Misko Hevery 等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

两者在不同的场合下使用最佳

1、DOM不是第一优先级的时候

jQuery在DOM上做得很好，可以根据用户交互，添加修改DOM元素。而AngularJS更关注数据展示本身，更新时会尽可能减少对DOM的破坏和重构。当然，整个操作不可能完全的避免DOM，但使用AngularJS就比jQuery对于DOM的工作少多了。

2、考虑到效率的问题

AngularJS，尽管它的学习曲线没有那么平缓，但它强调开发效率，AngularJS中很多特点的设计都是出于提高开发者效率的目的。比如在框架内它就支持单元测试，这样的设计可以让程序员更集中精力在写出可靠的代码上，简化了测试上的麻烦。另外，降低模块间的耦合度也有利于程序员梳理项目逻辑，可以更专注于“为什么”，而不是“怎么做”。这样带来的好处就是代码会更简洁和易读，有利于调试和维护。

3、考虑到声明式语言的优势

jQuery的一个常见问题就是它是命令式编程，就意味着你要告诉计算机如何达成某项目的，其实你想要的就是程序运行的结果。而声明式编程则转移了重点，它只是告诉机器你想要的结果，让机器自己实现这个结果。JavaScript就是一种命令式语言，但HTML，和它指导的AngularJS就是声明式的，只需要告诉计算机你需要的展现形式，至于细节就由机器处理了。这样，完成一个任务的代码就大幅缩减了，代码质量也更高了。

4、综上所述，AngularJS和jQuery之间的比较就如同苹果和橘子的比较，两者是出于不同的目的被创建的，解决的也是不同的问题。当一个项目的重点是数据展示和执行，而不是分析，此时可能AngularJS就会更胜一筹。对于框架的选择，你要考虑到很多因素，需要整体的构思。AngularJS总体上还是一个不错的选择，可以提高程序员的效率，相对减少Web开发中的维护成本。

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com