JS框架AngularJS

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





  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
评论 7
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值