Angular是什么 ?
AngularJS是一款针对动态web应用的结构框架. 它可以让像使用模板语言使用HTML, 并且可以扩展HTML的语法来明确简洁的表示应用组件. Angular的数据绑定机制和依赖注入机制排除了许多原本你不得不写的代码. 它作用于浏览端, 使得它成为任何服务端技术的良好伙伴.
Angular是为了弥补HTML在构建应用上的不足而设计的. 对于静态文档来说, HTML是很不错的声明式语言, 但是要构建web应用, 它却有些乏力. 所以我不得不做一些工作来让浏览器做我想要的事.
通常, 我们通过以下方式解决动态应用与静态网页之前的不匹配:
库 --- 一个函数集合, 我们用它来编写我们的web应用. 我们自己编码作为主体, 然后我们在合适的时机调用库, 例如jQuery.
框架 --- web应用的一种特定实现, 我们可以在它上面编码实现具体的逻辑. 在这里, 框架起主导作用, 它可以在应用的具体逻辑中调用你的代码, 例如: durandal, ember等.
Angular采用了另一种方式. 它试图通过创建新的HTML结构来弥补HMTL在构建应用上的不足. Angular通过我们称之为指令的结构, 使浏览器可以解析新的语法. 包括:
通过{{ }}通过数据绑定
通过DOM控制结构实现迭代或隐藏DOM片段
支持表单和表单验证
能将代码关联到DOM元素上
将HTML组成为可重用的组件
完整的客户端解决方案
在构建Web应用程序客户端的总体工程中, Angular不在只是其中的一小部分. 它可以处理你曾经手写的所有DOM和AJAX粘合代码, 并且把它们放到一个定义好的结构中. 这使得Angular在构建CRUD应用时有些"固执", 但是, 它也试图确保它的"固执"只是你简单改变的一个开始. Angular提供了以下可灵活变动的功能:
构建一个CRUD应用所需要的一切包括: data-binding(数据绑定机制), basic templating directives(基础模板指令), form validation(表单验证), routing(路由), deep-linking(深度链接), reusable components(可重用组件), dependency injection(依赖注入).
测试方面: unit-testing(单元测试), end-to-end testing(端到端测试), mocks, test harnesses(模拟和测试工具).
具体目录布局和测试脚本的种子应用作为起点.
Angular的可爱之处
对开发人员来说, Angular通过提供更高层次的抽象来简化应用程序的开发. 像其他抽象一样, 这带来了灵活性的成本. 换句话说, 不是每个应用都适合使用Angular. Angular主要是考虑用来构建CRUD应用. 幸运的是, 多数web应用都是CRUD应用. 为了弄懂Angular擅长什么, 我们就得先弄清楚什么样的应用不适合使用Angular.
动画和GUI编辑器都是具有密集和复杂DOM操作的应用. 这种应用与CRUD应用是不同的, 它们不太适合使用Angular. 它们更适合使用低层次抽象的库, 例如jQuery.
Angular之禅
Angular建立在这样的信念之上: 在创建用界面和组装软件方法声明式语言要优于命令式语言, 而命令式语言更擅长表达业务逻辑.
从应用逻辑中分离DOM操作, 这可以改善代码的可测试性.
将测试与编码同等对待, 测试的难度一定程度上取决于代码的结构化.
前后端(客户端与服务端)分离, 前后端开发同步进行, 有利于前后端代码的重用.
框架在整个构建应用的过程中指导开发者, 从UI设计到编写业务逻辑, 到测试.
化整为零, 化繁为简.
Argular会将你从以下苦海中解救出来:
注册回调函数:注册回调函数会降低代码的可读性, 使代码变得零散. 应该移除像回调函数这样的通用代码. 这样会大幅减少(因JavaScript的不足)你不得不写的JavaScript代码, 从而使你的应用更加清晰.
编程实现HTML DOM操作:操作DOM是AJAX应用的基础内容, 但是这往往是繁琐并且易错的. 通过声明的方式, 描述UI是怎样随着应用的状态变化而发生改变的, 你将从低级的DOM操作中解脱出来. 大多数Angular应用不需要通过编辑来实现DOM操作, 除非你这样做, 当然也是可以的.
在UI页面中读写数据:CRUD操作占据了大多数AJAX应用的任务. 从服务端读取到的数据流封装成一个内部对象传送到HTML表单中, 用户修改了表单内容后, 将对表单进行验证, 显示验证错误信息, 返回一个内部模型发送回服务端, 这个过程产生了许多重复代码. 而Angular消除了几乎所有的重复代码, 使得代码只描述应用的总体流程, 而不是实现细节.
写大量的初始化代码:通过你需要编写许多基础性的代码才能实现一个基本的AJAX的"Hello World"应用. 使用Angular, 你将可以很容易的通过使用服务化来初始你的应用, 而这些服务就会像Guice的依赖注入一样自动注入到你的应用当中. 你就可以很快的开始开发你的功能. 并且你还可以全程控制自动化测试的初始化过程.