对 AngularJs 的理解

前端之家收集整理的这篇文章主要介绍了对 AngularJs 的理解前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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


1、Jquery与AngularJS dom操作的区别


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

spacer.gif

wKiom1dqGvLg2IRBAAANNsv-ZFc854.png-wh_50

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

spacer.gif

wKiom1dqGwCy526KAAAliw4biq8468.png-wh_50

通过图形比较,可以很容易看出,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/

原文链接:https://www.f2er.com/angularjs/149320.html

猜你在找的Angularjs相关文章