AngularJS权威教程第1章初始AngularJS

「爱情、让人受尽委屈。」 2022-08-18 12:10 211阅读 0赞

AngularJS权威教程 第1章 初始AngularJS

1.AngularJS 是什么

AngularJS的官方文档是这样介绍它的。

完全使用JavaScript编写的客户端技术。同其他历史悠久的Web技术（HTML、CSS和JavaScript）配合使用，使Web应用开

发比以往更简单、更快捷。

AngularJS主要用于构建单页面Web应用。它通过增加开发人员和常见Web应用开发任务之间的抽象级别，使构建交互式的现代

Web应用变得更加简单。

AngularJS的开发团队将其描述为一种构建动态Web应用的结构化框架。

AngularJS使开发Web应用变得非常简单，同时也降低了构建复杂应用的难度。它提供了开发者在现代Web应用中经常要用到的

一系列高级功能，例如：

*  解耦应用逻辑、数据模型和视图；
 *  Ajax服务；
 *  依赖注入；
 *  浏览历史（使书签和前进、后退按钮能够像在普通Web应用中一样工作）；
 *  测试；
 *  更多功能。

2.AngularJS有什么不同

在其他JavaScript框架中，我们被迫从自定义的JavaScript对象中进行扩展，并从外到内操作DOM。以jQuery为例，为了DOM

中插入一个按钮元素，我们必须知道要把元素放到何处，并在合适的位置插入它：

var btn = $("<button>Hi</button>");
    btn.on('click', function(evt) { console.log("Clicked button"); });
    $("#checkoutHolder").append(btn);

尽管这个过程并不复杂，但是它要求开发者对整个DOM结构都有所了解，并强迫我们在JavaScript代码中加入复杂的控制逻辑，

用以操作外部DOM。

而AngularJS则通过原生的Model-View-Controller（MVC，模型 视图 控制器）功能增强了HTML。结果表明，这个选择可以快

捷和愉悦地构建出令人印象深刻并且极富表现力的客户端应用。

利用它，开发者可将页面的一部分封装为一个应用，并且不强迫整个页面都使用AngularJS进行开发。这个特质在某些情况下非

常有用，比如你的工作流程中已经包含了另外一个框架，或者你只希望页面中的某一部分是动态的，而剩下的部分是静态的或者是

由其他JavaScript框架来控制的。

此外，AngularJS团队非常重视框架文件压缩后的大小，这样使用它就不会付出太多的额外代价（写作本书时，文件压缩后的体

积在90 KB左右）。这一特性使得AngularJS非常适合用于开发功能原型。

总结：AngularJS就是一个js框架，核心就是实现了模型 视图 控制器的解耦，通过ajax的模式进行控制器的实现，再就是一个数据

的双向绑定。

发表评论取消回复

表情：

评论列表（有 0 条评论，211人围观）

还没有评论，来说两句吧...

相关阅读

相关 AngularJS权威教程第7章过滤器filters

AngularJS权威教程第7章过滤器filters 过滤器用来格式化需要展示给用户的数据。AngularJS有很多实用的内置过滤器，同时也提供了方便的途径可以自

梦里梦外;/ 2022年08月18日 14:19/ 0 赞/ 208 阅读

相关 AngularJS权威教程第6章表达式expression

AngularJS权威教程第6章表达式expression 表达式在AngularJS应用中被广泛使用，因此深入理解AngularJS如何使用并运算表达式是非常重

我会带着你远行/ 2022年08月18日 13:27/ 0 赞/ 218 阅读

相关 AngularJS权威教程第5章控制器controller

AngularJS权威教程第5章控制器controller 控制器在AngularJS中的作用是增强视图。在Hello World的例子中，我们并没有使用普通的

叁歲伎倆/ 2022年08月18日 13:21/ 0 赞/ 217 阅读

相关 AngularJS权威教程第4章作用域Scope

AngularJS权威教程第4章作用域Scope 作用域（scope）是构成AngularJS应用的核心基础，在整个框架中都被广泛使用，因此了解它如何工作

太过爱你忘了你带给我的痛/ 2022年08月18日 13:18/ 0 赞/ 172 阅读

相关 AngularJS权威教程第3章模块Module

AngularJS权威教程第3章模块Module 3.1.模块在AngularJS中，模块是定义应用的最主要方式。模块包含了主要的应用代码。一个应

灰太狼/ 2022年08月18日 12:10/ 0 赞/ 194 阅读

相关 AngularJS权威教程第2章数据绑定和第一个 AngularJS Web应用

AngularJS权威教程第2章数据绑定和第一个 AngularJS Web应用 Hello World 学习任何一门开发语言，都是从Hello Worl

缺乏、安全感/ 2022年08月18日 12:10/ 0 赞/ 194 阅读

相关 AngularJS权威教程第1章初始AngularJS

AngularJS权威教程第1章初始AngularJS 1.AngularJS 是什么 AngularJS的官方文档是这样介绍它的。

「爱情、让人受尽委屈。」/ 2022年08月18日 12:10/ 0 赞/ 212 阅读

相关 AngularJS教程（一）

AngulaJs简介 AngularJs是一个JavaScript框架， AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、

爱被打了一巴掌/ 2022年08月18日 02:14/ 0 赞/ 213 阅读

相关 AngularJS-tree教程

AngularJS-tree教程简介 AngularJS-tree是AngularJS官方出品的tree控件，它与AngularJS无缝组合、且方便实用。Angu

一时失言乱红尘/ 2022年06月11日 09:47/ 0 赞/ 197 阅读

相关 angularjs1.6.x实例教程

AngularJS是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVC、模块化、自动化双向数据绑定、语义化标签、

电玩女神/ 2021年09月14日 03:14/ 0 赞/ 306 阅读