AngularJS权威教程 第1章 初始AngularJS
1.AngularJS 是什么
AngularJS的官方文档是这样介绍它的。 完全使用JavaScript编写的客户端技术。同其他历史悠久的Web技术(HTML、CSS和JavaScript)配合使用,使Web应用开
发比以往更简单、更快捷。
AngularJS主要用于构建单页面Web应用。它通过增加开发人员和常见Web应用开发任务之间的抽象级别,使构建交互式的现代
Web应用变得更加简单。
AngularJS的开发团队将其描述为一种构建动态Web应用的结构化框架。
AngularJS使开发Web应用变得非常简单,同时也降低了构建复杂应用的难度。它提供了开发者在现代Web应用中经常要用到的
一系列高级功能,例如:
- 解耦应用逻辑、数据模型和视图;
- Ajax服务;
- 依赖注入;
- 浏览历史(使书签和前进、后退按钮能够像在普通Web应用中一样工作);
- 测试;
- 更多功能。
在其他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的模式进行控制器的实现,再就是一个数据
的双向绑定。