01、AngularJs简介

时间:2023-03-09 20:40:46
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的数据绑定。