AngularJS系列——简介

前端之家收集整理的这篇文章主要介绍了AngularJS系列——简介前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在学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.f2er.com/angularjs/149517.html

猜你在找的Angularjs相关文章