对 AngularJs 的理解

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了对 AngularJs 的理解相关的知识,希望对你有一定的参考价值。

简单学习了一下anguarJs,以下是我对angularJs的简单理解和与Jquery的对比,自己记录下来,日后深入学习时以便参考。注:未通过砖家验证,有不对之处望指正。


1、Jquery与AngularJS dom操作的区别


Jquery 对于Document的操作模型如下:

技术分享技术分享

AngularJs的数据双向绑定模型如下(仅仅是个示意图):

技术分享技术分享

通过图形比较,可以很容易看出,jquery提供灵活的API,并且底层 有一定的优化处理,但本质上是指令级别的分散操作API,业务逻辑和Dom操作逻辑都开放给开发者设计和控制。而Angular是框架级,是特别适用于(除动画、游戏等page)前台CURD操作的MVC框架。 渲染和业务操作分离,更便于js业务逻辑操作代码和Dom操作代码的解耦合。

参考:

http://www.jb51.net/article/60494.htm

2、 AngularJS的特点

参考:

http://www.cnblogs.com/lhb25/p/why-should-you-love-angularjs.html

http://web.jobbole.com/82060/


以上是关于对 AngularJs 的理解的主要内容,如果未能解决你的问题,请参考以下文章

AngularJS实现原理

AngularJS实现原理

angularjs工作原理解析

AngularJS 中的模块到底是啥?

关于AngularJs中监听事件及脏循环的理解

大型应用下的 AngularJS 性能