初识angular体验(一)

前端之家收集整理的这篇文章主要介绍了初识angular体验(一)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

很久之前就听说了这个前端框架,但是由于自己工作一直没有涉及到相关知识,因此也没有进行学习。这次趁机借着项目需要正好学习AngularJS,顺便复习一下前端的相关知识。

AngularGoogle的优秀的前端框架,目前已经应用于多个产品。

通过在云课堂的初步学习,简单的了解了下它的使用方法,并且了解了它和jquery的相关区别以及简单的应用,下面听俺一一道来!!!!

Angular是一个对前端数据处理的一个JS库,最为核心的是MVVM,模块化,自动化双向数据绑定,语义标签化,依赖注入等。

至于为什么要用Angular,个人理解首先我们先看一个非常简单的JQUERY读取数据的例子:

<ul id="date">

<li></li>

</ul>

$.get(xxx.PHP,function(res){

$(res).each(function(i){

html = '<li>'+res[i].xxx+'<li>'

$('#date').append(html)

})

},'json')

以上代码是我用JQUERY读取某个PHP文件里的json数据,相信大家都应该能看的明白,非常的简单,那么问题来了,如果某个人后期认为UL标签不好或者ID重复了,我想改ID或者换标签的情况下,那么数据肯定就无法读取出来了,有人会说这么点代码改改不就行了吗?是的可以改改,如果是大项目,整页的代码非常的多,JS引的也非常的多,那么找起来就相当的困难,还有人会说,把ID换成CLASS不就行了吗?是的,没问题,可以换成CLASS,但是CLASS是什么,是控制样式的,如果又控制样式,又用class类读取数据的话会造成代码耦合比较严重的!

所以说呢,jquery是用来干什么的呢,主要是用来处理页面效果以及一些简单的DOM操作,而angular才是做数据交互最好的前端框架!

今天的分享就道这里,下次我会把一些核心的东西用概念给大家说明下,然后在举一些简单的小例子,好啦,下次见啦!!!

猜你在找的Angularjs相关文章