JavaScript的使用已经非常普遍,同时也有很多写好的JS框架,比如 jQuery 框架,应用已经非常广泛,最近又出很多新的JS框架,比如 AngularJS 框架,下面就简单认识一下 该框架;
一,AngularJS的开发者
AngularJS 由 Google 开发;
二,什么是AngularJS?
在高层次理解之上,AngularJS是一个把HTML(视图)绑定到JavaScript对象(模型)上的框架。当模型改变时,页面也能自动随之更新,反之亦然。当某个域的内容发生变化时,与之关联的模型也能更新。正因为Angular处理了所有的中间代码,所以你不用像jQuery那样,手动更新HTML或者事件监听。事实上,这里没有任何一个例子使用到了jQuery!
如果要使用AnguarJS,你就得在<body>标签结束之前把它包含到你的页面里。这里推荐使用谷歌CDN,相比来说,它有比较快速的加载时间:
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
AngularJS通过大量的指令让你能够在模型和HTML元素间做关联。它们就是以ng-开头的属性,并且能添加到任何元素上。如果你想使用Angular,你不得不为每个页面包含一个最重要的属性,即ng-app:
<body ng-app>
这个元素应该被添加到能够包含剩余页面的元素上,诸如body或者外围的div元素之类。当页面加载时,Angular会寻找这个属性,并且会自动评估在子元素上看到的所有指令。
理论部分就到此为止了!现在让我们看看代码。
三,文件体积,与浏览器,其它框架相关问题
AngularJS很小,只有60K,兼容主流浏览器,与 jQuery 配合良好。
四,官网和简单用例
5个示例带你学习AngularJS, http://blog.jobbole.com/48979/
1.AngularJS主页 http://angularjs.org/
2.AngularJS指南 http://docs.angularjs.org/guide/overview
3.AngularJS官方教程 http://docs.angularjs.org/tutorial
4.一些其它更多的资源,视频和教程 https://github.com/jmcunningham/AngularJS-Learning
5.报道的 Angular 资源集, http://www.csdn.net/article/2014-01-03/2818005-AngularJS-Google-resource