01、AngularJs简介
AngularJs致力于减轻程序员在开发Ajax应用过程的痛苦。做前端的童鞋都知道,当在开发Ajax应用时,我们在与后台交互的同时,还在不断的手动操作Dom,诸如自己组装后台数据,渲染Html标签生成Dom,控制页面n多的事件等。而AngularJs的出现,极大的减轻了我们这方面的工作。
AngularJs的的几个常用的概念:
1、客户端模板:做过后台的人都知道,通常模板和数据都是在后台进行解释装配,生成html字符串输出给浏览器解析的。而在AngularJs中,模板跟数据都是统一发送到浏览器才进行装配的。
2、MVC:MVC是个老生常谈的概念,做后台的人对此肯定是一点不陌生。MVC,它用一种业务逻辑、数据、界面显示分离的方法组织代码,让我们的程序复用性,维护性更高,耦合性更低。然而,大部分的MVC的框架都只是一种的单向的MVC,他们都是从View—》Controller—》Model,然后从Model—》Controller—》View。也就说Model的变化我们可以反应到View,而View的变化我们却没有反应到Model。AngularJs的MVC却能使双向的。以下为AngularJs对MVC的具体指向:
a、视图就是Document Object Model
b、控制器就是javascript类
c、模型数据则是存储在对象属性中
3、数据绑定:AngularJs中,数据绑定可自动使View跟Model进行同步,可以让我们把Model作为唯一可信的数据源,而每次Model改变时会反应到View上。同样的,View的改变也会反应到Model中,这就是AngularJs的数据双向绑定。
4、依赖注入:依赖注入式一种软件的设计模式,用来处理代码的依赖关系,我想做后台的人肯定不陌生,像java的spring,.net的Utility等框架。而AngularJs的依赖注入只是简单获取它需要的东西,而不需要创建任何他们需要的东西(AngularJs的依赖注入后续会讲)。
好了,以上就是AngularJs的大体介绍,下一篇,将会讲的AngularJs的数据绑定。
01、AngularJs简介的更多相关文章
- 01 HDFS 简介
01.HDFS简介 大纲: hadoop2 介绍 HDFS概述 HDFS读写流程 hadoop2介绍 框架的核心设计是HDFS(存储),mapReduce(分布式计算),YARN(资源管理),为海量的 ...
- Angularjs简介
很久没有系统学习一个新技术了,angularjs将会比较系统的讲解这个技术的语法.应用.次类型的博客将会持续更新,博主也是一个初学者,如果有问题欢迎留言讨论. angularjs简介. angular ...
- AngularJS学习之旅—AngularJS 简介(一)
一.AngularJS 简介 1.AngularJS 是一个 JavaScript 框架. AngularJS 是一个 JavaScript 框架.它是一个以 JavaScript 编写的库.Angu ...
- 【03】AngularJS 简介
AngularJS 简介 AngularJS 是一个 JavaScript 框架.它可通过 <script> 标签添加到 HTML 页面. AngularJS 通过 指令 扩展了 HTML ...
- AngularJS简介与四大特征
1.1 AngularJS简介 AngularJS 诞生于2009年,由Misko Hevery 等人创建,后为Google所收购.是一款优秀的前端JS框架,已经被用于Google的多款产品当中.A ...
- 【AngularJS】【01】简介
※文件引自OneDrive,有些人可能看不到
- 01 . Redis简介及部署主从复制
简介 Remote Dictionary Server, 翻译为远程字典服务, Redis是一个完全开源的基于Key-Value的NoSQL存储系统,他是一个使用ANSIC语言编写的,遵守BSD协议, ...
- Angular企业级开发(1)-AngularJS简介
AngularJS介绍 AngularJS是一个功能完善的JavaScript前端框架,同时是基于MVC(Model-View-Controller理念的框架,使用它能够高效的开发桌面web app和 ...
- JavaScript学习01 语言简介、基本使用和变量声明
JavaScript语言简介.基本使用和变量声明 JavaScript是网景(Netscape)公司开发的一种基于客户端浏览器.面向对象.事件驱动式的网页脚本语言. JavaScript的前身叫Liv ...
随机推荐
- 检测是否IE浏览器
function browserIsIE(){ if (window.ActiveXObject) return true; else{ var u_agent = navigator.userAge ...
- ANDROID开发之问题积累及解决方案(一)
一.activity跳转及传值 当进行activity之间的跳转时我们会遇到这样的问题.首先熟悉下activity之间跳转.Activity跳转与传值,主要是通过Intent类来连接多个Activit ...
- 转:union和union all的区别
Union因为要进行重复值扫描,所以效率低.如果合并没有刻意要删除重复行,那么就使用Union All 两个要联合的SQL语句 字段个数必须一样,而且字段类型要“相容”(一致): 如果我们需要将两个 ...
- jqGrid的选中行事件
http://blog.csdn.net/u014381863/article/details/50375121
- div水平垂直居中
我们平时常用的定高,top:50%:left:50%和margin-left负一半宽度margin-top负一半高度的居中方式暂不考虑,因为这种方式大家都会. 第一种绝对定位(absolute cen ...
- virtualbox 下windows与虚拟机实现文件共享---挂载
1.创建挂载目录: mkdir /mnt/share 2.挂载:mount /dev/cdrom /mnt/share 3.cd /mnt/share 3.虚拟机-设备-分配光驱-VBoxGuestA ...
- eclipse黑色主题
Lennon http://www.cnblogs.com/csulennon/p/4231405.html
- Dapper关联查询
1.一对一: using (IDbConnection connecton = new MySqlConnection(ConfigurationManager.ConnectionStrings[& ...
- Windows安装mxnet
code { white-space: pre } div.sourceCode { } table.sourceCode,tr.sourceCode,td.lineNumbers,td.source ...
- aa5
var placeList = [ {name:'海门', geoCoord:[121.15, 31.89]}, {name:'鄂尔多斯', geoCoord:[109.781327, 39.6082 ...