最近工作需要用到,接触的比较多,在此系统学习一下。

angular.js 是新一代web MVC开发框架,对应 模型,视图,控制器.,相比 jquery 模式,这种新玩意竟然不需要开发者直接去操作dom .

angular.js的优点:

1.数据双向绑定,视图与模型保持一致性,视图的改变可以同步到模型,模型的改变也可以体现在视图上.

2.依赖注入,起初学习,这点不是特别好理解,比如一个视图对应一个控制器,我们知道逻辑部分要写到控制器里面,加入A,B视图都有共用    的模块需要从线上服务器取相同数据,这是我们就可以写一个angular.js的服务,然后把服务注入控制器中,这时只要碰到相同需求    模块都可以直接调用注入服务所暴露出来的方法属性.不清楚没有关系,以后的学习会逐渐明白.

3.它是一款独立前端框架,或者组件,不依赖任何第三方库,框架.就是说你直接引用angular.js文件就可以工作了.不需要再引用其他依    赖类库.但是如果你想使用第三方库,也不受任何影响,比如和jquery同时使用是没有问题的.

4.把前端框架 MVC模式化,到目前为止貌似angular.js是真正的把前端MVC化.方便开发和维护,一个试图对应一个路由,一个路由绑定    一个控制器,开发维护起来一目了然.

5.和以往任何页面请求模式是不一样的,服务器端不需要组装好html页面然后回发到客户端,而是服务器端只需要把数据和模板发回来,    angular.js在客户端自己组合,这样可以节省很多服务器资源,确切的说服务器完全只是在提供api.

6.强大的自定义指令,扩展起来非常方便,可以完成你希望完成的任何功能.

7.google的大光环照耀下,开源社区的不断壮大,发展普及会越来越快.

任何东西都不是十全十美的,下面说下我感觉属于它的缺点部分

angular.js的缺点:

1.对原生HTML语法的侵入性,angular.js 的指令都是直接在标签里定义,例如 <span ng-show="true" >我出现了</span> ng-    show 就是angular.js的一个指令,而非html标签定义.

2.学习成本相对较高,它完全不同以往的任何js框架,angular.js可以实现任何效果,但是却不需要你在客户端操作任何dom ,完全是指    令,控制器,视图之间的动态绑定实现.

3D:

Data Binding

Dependency Injection

Directive

AngularJS概述-3D的更多相关文章

  1. [AngularJS] TweenList 3D + AngularJS Animate

    AngularJS animations and TweenLite make it really easy to create cool 3d effects in your application ...

  2. AngularJS概述&指令

    AngularJS 指令 AngularJS 应用组成如下: View(视图), 即 HTML. Model(模型), 当前视图中可用的数据. Controller(控制器), 即 JavaScrip ...

  3. AngularJs概述

  4. angularjs学习总结 详细教程(转载)

    1 前言 前端技术的发展是如此之快,各种优秀技术.优秀框架的出现简直让人目不暇接,紧跟时代潮流,学习掌握新知识自然是不敢怠慢. AngularJS是google在维护,其在国外已经十分火热,可是国内的 ...

  5. 使用 AngularJS 开发一个大规模的单页应用(SPA)

      本文的目标是基于单页面应用程序开发出拥有数百页的内容,包括认证,授权,会话状态等功能,可以支持上千个用户的企业级应用. 下载源代码 介绍 (SPA)这样一个名字里面蕴含着什么呢? 如果你是经典的S ...

  6. [转载]angularjs学习总结 详细教程

    http://blog.csdn.net/yy374864125/article/details/41349417#t75 目录(?)[-] 前言 AngularJS概述 AngularJS是什么 A ...

  7. angularjs学习总结(~~很详细的教程)

    1 前言 前端技术的发展是如此之快,各种优秀技术.优秀框架的出现简直让人目不暇接,紧跟时代潮流,学习掌握新知识自然是不敢怠慢. AngularJS是google在维护,其在国外已经十分火热,可是国内的 ...

  8. 转: angularjs学习总结(~~很详细的教程)

    1 前言 前端技术的发展是如此之快,各种优秀技术.优秀框架的出现简直让人目不暇接,紧跟时代潮流,学习掌握新知识自然是不敢怠慢. AngularJS是google在维护,其在国外已经十分火热,可是国内的 ...

  9. angularJS详解

    这篇文章转载  kooky798 的博客,http://blog.csdn.net/yy374864125/article/details/41349417, 写到这么详细也是没谁了,必须粉一个 1 ...

随机推荐

  1. C#.NET常见问题(FAQ)-程序如何单步调试和设置断点

    对于控制台程序而言,直接按F10(不按F5运行)就可以单步运行,当前运行行会显示为黄色(不管是一条语句,还是一个函数,都会直接执行完毕得到结果)   你可以在变量名上右击添加监视(会自动放到监视1中) ...

  2. Vim使用进阶

    作为一个使用vim挺长时间的人,现在来写这篇东西确实是尴尬的,就像很多大神们说的,vim是世界上最好用的编辑器,没有之一.然后前两天又重新看了看vim的那些功能和使用方法,更觉得这么长时间使用vim却 ...

  3. wepy - Cannot read property 'Promise' of undefined

    正当我们准备试探示例时,突然.... 造成这个错误有两个原因 (wepy以前的版本默认启动了Promise,自1.4.x以后需要手动开启) 1.未下载Promise 详情见启用文档:Promise   ...

  4. php之快速入门学习-10(数组)

    PHP 数组 数组能够在单个变量中存储多个值: <?php $cars=array("Volvo","BMW","Toyota"); ...

  5. 简单分页查询(web基础学习笔记十三)

    一.建立资源文件和工具类 1.1 .database.properties jdbc.driver_class=oracle.jdbc.driver.OracleDriver jdbc.connect ...

  6. 算法笔记_121:蓝桥杯第六届省赛(Java语言C组部分习题)试题解答

     目录 1 隔行变色 2 立方尾不变 3 无穷分数 4 格子中输出 5 奇妙的数字 6 打印大X   前言:以下试题解答代码部分仅供参考,若有不当之处,还请路过的同学提醒一下~ 1 隔行变色 隔行变色 ...

  7. Android自动填写获取到的验证码

    Android需要添加的相关权限 <uses-permission android:name="android.permission.RECEIVE_SMS">< ...

  8. 【CMS】安装CMS

    Apache和MySQL准备好后开始安装CMS 在浏览器输入:http://localhost/install/index.php即可开始安装.

  9. 新浪微博api出现认证失败问题 (获取code字段值的问题)

    出现该提示的原因:`` - 说: (2015-10-30 18:06:14)回调地址不一致,`` - 说: (2015-10-30 18:07:38)请在编辑开发者信息中将网站地址和应用信息--高级信 ...

  10. PHP递归目录的5种方法

    <?php //方法一:使用glob循环 function myscandir1($path, &$arr) { foreach (glob($path) as $file) { if ...