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

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. 通过WebRTC实现实时视频通信(二)

    通过WebRTC实现实时视频通信(一) 通过WebRTC实现实时视频通信(二) 通过WebRTC实现实时视频通信(三) 在上一篇文章中,我们讲解了WebRTC的概述.历史.安全性和开发者工具.接下来我 ...

  2. Nginx启用ssl以及免费证书申请

    主要是这个东西,折腾了我两天,所以记录下来. 最开始是在meteor下面调用一个webservice,但是发现meteor项目的发布环境时https,所以请求的webservice也必须时webser ...

  3. centos下两种方法安装git

    来自:http://blog.slogra.com/post-176.html 今天下个包需要使用git,网上找了下看到大多数只有编译安装,并且编译安装还有错,不知道他们也没有实验过,这里我来给大家介 ...

  4. Lua 字符串库函数总结

    字符串库 注:字符串在Lua中是不可变的.不论什么的string操作都不会去改变原有的字符串.都是返回新的字符串 一.一般函数 1. 求长度 s = "Hello LUA "; p ...

  5. 腾讯云-NGINX搭建静态网站

    搭建静态网站 搭建Http静态服务器环境 任务时间:15min ~ 30min 搭建静态网站,首先需要部署环境.下面的步骤,将告诉大家如何在服务器上通过 Nginx 部署 HTTP 静态服务. 00. ...

  6. redis lpop key 当key不存在时,返回nil , 监测redis执行语句是否正常执行

    Lpop key 返回值: 列表的头元素. 当key 不存在时, 返回 nil . 需求:  开发在执行 lpop key 时, 出现问题 , 执行语句卡住, 不能执行下去 , 需对此做一个监测 由于 ...

  7. Linux-Memcache和Redis常用命令

    Memcache:    支持类型: String     add, delete, set, replace, get, flush_all, stats, stats reset, stats i ...

  8. 关于iOS Category实现添加属性及成员变量

    iOS分类: 很多说法是只能添加方法,而不能添加成员变量或属性. 有些人可能知道,这种说法是不严谨的,并不是绝对不能添加变量. 解释如下: 我们知道在一个类中用@property声明属性,编译器会自动 ...

  9. HDUOJ----1114(多重背包)悼念512汶川大地震遇难同胞——珍惜现在,感恩生活

    悼念512汶川大地震遇难同胞——珍惜现在,感恩生活 Time Limit: 1000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Jav ...

  10. NYOJ----次方求模

    次方求模 时间限制:1000 ms  |  内存限制:65535 KB 难度:3   描述 求a的b次方对c取余的值   输入 第一行输入一个整数n表示测试数据的组数(n<100)每组测试只有一 ...