AngularJS权威教程 第1章 初始AngularJS

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的模式进行控制器的实现，再就是一个数据

的双向绑定。