AngularJS
AngularJS安装教程
AngularJS是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件,它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作,AngularJS很小,只有60K,兼容主流浏览器,与jQuery配合良好。
软件介绍
AngularJS该怎么用,什么时候用?
AngularJS是下一代框架,其中每个组件都被设计成可以像一台运转良好的机器一样,以相互连接的方式与其他组件一起工作。AngularJS是将JavaScript MVC变得简单和正确。好吧,它并不是真正的MVC,读下去,就能明白这是什么意思)。
MVC,不,MV*用正确的方式完成!
MVC,是Model-View-Controller的缩写,是一种设计模式,即代码应该如何组织,应用程序的不同部分如何分离,以达到正确的可读性和调试。Model是数据和数据库。View是用户界面和用户看到的东西。Controller是连接Model和View的主要纽带。这就是目前市场上主要编程框架的三大支柱。而AngularJS的工作原理则是MV*,即Model-View-Whatever的简称。Whatever是AngularJS告诉你可以在这里创建Model和View之间的任何一种链接。
不像其他任何编程语言的框架,MVC这三个独立的组件,每个组件都要由程序员编写然后连接,AngularJS帮助程序员,要求程序员只需要创建这些,其他的一切都会由AngularJS来处理。
与HTML在根级的互联
AngularJS使用HTML来定义用户的界面。AngularJS还可以让程序员编写新的HTML标签(AngularJS Directives),增加HTML代码的可读性和可理解性。指令是AngularJS为HTML带来额外功能的方式。指令通过让我们发明自己的HTML元素来实现。这也有助于使代码成为DRY(Don't Repeat Yourself),这意味着一旦创建了一个新的指令,就可以在应用程序中的任何地方使用。
HTML也被用来决定应用程序的布线。HTML中的特殊属性决定了应用在哪里加载,每个元素使用哪些组件或控制器等。我们指定 "加载什么",但不指定 "如何加载"。这种声明式的方法以一种所见即所得的方式极大地简化了应用程序的开发。我们不需要花费时间在程序如何流动和协调各种移动部件上,我们只需定义我们想要的东西,AngularJS就会处理好依赖关系。
数据处理变得简单
AngularJS中的数据和数据模型都是普通的JavaScript对象,人们可以直接在上面添加和更改属性,也可以在对象和数组上随意循环。
双向数据绑定
AngularJS最强的功能之一。双向数据绑定是指如果Model中的东西发生了变化,变化会瞬间反映到View中,反之亦然。这也被称为反应式编程,即假设正在编程a = b + c,在这之后,如果b和/或c的值发生变化,那么a的值将自动更新以反映变化。AngularJS使用它的 "作用域 "作为Model和View之间的粘合剂,并使其中一个中的这些更新对另一个可用。
更少的书面代码和易于维护的代码
AngularJS中的所有内容都是为了让程序员最终能够写出更少的代码,让团队中的其他新人都能轻松维护和阅读。信不信由你,一个人可以在不到10行代码的情况下写出一个完整的双向数据绑定的应用。试试吧,你就知道了
测试就绪
AngularJS具有依赖性注入功能,即只要需要,它就会照顾到为其控制器和服务提供所有必要的依赖性。这有助于通过使用创建和注入的模拟依赖关系,使AngularJS代码为单元测试做好准备。这使得AngularJS更加模块化和易于测试,从而反过来帮助团队创建更强大的应用程序。