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

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. 项目加入 TFS报错

      新建一个项目,然后在解决方案上右击,选择Add solution to source control的时候,总是失败,output窗口中出现的错误信息如下: An error was raised ...

  2. Discuz上传错误

    换了服务器后,上传图片的时候,显示上传100%,然后报错:upload error: 500.怎么回事那? [解决方法] 原来是php上传文件的时候,会首先上传到一个临时目录.如果临时目录没有权限,就 ...

  3. OAuth 2.0 Authorization Framework RFC

    Internet Engineering Task Force (IETF) D. Hardt, Ed.Request for Comments: 6749 MicrosoftObsoletes: 5 ...

  4. gradle 项目转成maven项目

    找到一个个子项目目录下的build.gradle文件,在文件开头添加以下内容: apply plugin: 'java' apply plugin: 'maven' compileJava.optio ...

  5. 检测和删除多余无用的css

    本文主要讲解如何检测页面中多余无用的css. 1.chrome浏览器 F12审查元素的Audits 说明:使用Audits,会检测出页面中没有用到的css,需要手动删除多余的css:同时需要说明的是检 ...

  6. jgGrid获得的id值是主键的id而不是jqGrid的行号值

    {name:'cityId',index:'cityId',sorttype:'int',width:0,hidden:true,key:true}, 一定要将你的主键值的的key设置为true,这样 ...

  7. vs2010支持html5+css3

    第一步. 先到微软官方下载一个 Microsoft Visual Studio 2010 sp1 . 给传送门:下载 下载到这个东东 ---

  8. CAS连接微软活动目录的配置方法

    原文地址:http://blog.csdn.net/baozhengw/article/details/3857669在微软活动目录中建立一个用户节点,帐号为wangzhenyu,cn为zhenyu ...

  9. ExceptionLess 搭建到本地服务器

    Exceptionless 是一个开源的实时的日志收集框架,它可以应用在基于 ASP.NET,ASP.NET Core,Web Api,Web Forms,WPF,Console,MVC 等技术栈的应 ...

  10. 迅雷极速版|xunlei下载

    迅雷很不错的下载软件,曾经出现了,迷你版.极速版... 迅雷极速版 迅雷精简版 迅雷极速版-下载: http://pan.baidu.com/s/1dF3XYTj 密码: 5tj3 迅雷精简版-下载: ...