angluar.js的核心介绍

在学AngluarJS之前,我们必须要有HTML、JavaScript、CSS的基础

定义:

     AngularJS是Google开源的一款JavaScript MVC的前端框架,弥补了HTML在构建应用方面的不足,其通过使用指令(directives)结构来扩展HTML词汇,使开发者可以使用HTML来声明动态内容,从而使得Web开发和测试工作变得更加容易。

    AngularJS 是一个为动态WEB应用设计的结构框架,提供给大家一种新的开发应用方式,这种方式可以让你扩展HTML的语法,以弥补在构建动态WEB应用时静态文本的不足,从而在web应用程序中使用HTML声明动态内容。Angular可以帮助你组织JavaScript代码,可以创建响应式网站(会对用户的请求产生快速的反应),Angular可以和JQuery很好的协调、方便测试(搭建可维护的应用)。
     简单的解释Angular就是一个可以给HTML加上互动性的客户端JS框架。

比较:

     下面我们来比较一下传统网页请求和anglarJS网页请求之间的区别:

传统:

               步骤1:用户由浏览器触发初始化数据请求

               步骤2:服务器 响应用户请求,返回网页和其他内容比如HTMLJS,浏览器端的会加载整个页面

               步骤3:用户再次触发了一个链接就会重新初始化一个新的请求

               步骤4:服务器会返回网页和其他内容,浏览器再次重新加载整个网页

         AngularJS的响应式:

               步骤1:用户由浏览器触发初始化数据请求

               步骤2:服务器 响应用户请求,返回网页和其他内容比如HTMLJS,浏览器端的会加载整个页面

                           步骤3:用户再次触发了一个链接时,网页只会请求所需要的信息如JSON数据,然后直接加载到已经存在的页面中,然后就直接在浏览器中更新呈现出来

               步骤4:无

         二者比较可明显得知AngularJS的响应速率要比传统快得多。

 

核心特性:

AngularJS有五个主要核心特性,如下介绍:




双向数据绑定 —— 实现了把model与view完全绑定在一起,model变化,view也变化,反之亦然。


模板 —— 在AngularJS中,模板相当于HTML文件被浏览器解析到DOM中,AngularJS遍历这些DOM,也就是说AuguarJS把模板当做DOM来操作,去生成一些指令来完成对view的数据绑定。


MVVM —— 吸收了传统的MVC设计模式针但又并不执行传统意义上的MVC,更接近于MVVM(Moodel-View-ViewModel)。


依赖注入 —— AngularJS拥有内建的依赖注入子系统,可以帮助开发人员更容易的开发,理解和测试应用。


指令 —— 可以用来创建自定义的标签,也可以用来装饰元素或者操作DOM属性。

原文地址:https://www.cnblogs.com/cxhx/p/6068427.html