http://www.cnblogs.com/lzj0616/p/6440563.html

[译]AngularJS 1.3.0 开发者指南(一) -- 介绍

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的依赖注入一样自动注入到你的应用当中. 你就可以很快的开始开发你的功能. 并且你还可以全程控制自动化测试的初始化过程.
要比昨天的自己更强

http://www.cnblogs.com/lzj0616/p/6440563.html

[译]AngularJS 1.3.0 开发者指南(一) -- 介绍 (转)的更多相关文章

  1. [译]AngularJS 1.3.0 开发者指南(一) -- 介绍

    [译]AngularJS 1.3.0 开发者指南(一) -- 介绍 Angular是什么 ? AngularJS是一款针对动态web应用的结构框架. 它可以让像使用模板语言使用HTML, 并且可以扩展 ...

  2. (译)AngularJS1.3.0 开发者指南(四) -- 控制器

    理解Controllers 在AngularJS中, Controller是一个Javascript构造函数, 常常被用来扩展 Angular Scope 对象. 控制器通过 ng-controlle ...

  3. Spring Security OAuth 2开发者指南译

    Spring Security OAuth 2开发者指南译 介绍 这是用户指南的支持OAuth 2.0.对于OAuth 1.0,一切都是不同的,所以看到它的用户指南. 本用户指南分为两部分,第一部分为 ...

  4. Cocos引擎开发者指南(1-5)

    Cocos引擎开发者指南 英文原版:http://www.cocos2d-x.org/docs/programmers-guide/1/ 中午翻译:http://www.cocos.com/doc/t ...

  5. GOOGLE PROTOBUF开发者指南

    原文地址:http://www.cppblog.com/liquidx/archive/2009/06/23/88366.html 译者: gashero 目录 1   概览 1.1   什么是pro ...

  6. Protocol Buffers(Protobuf)开发者指南---概览

    Protocol Buffers(Protobuf)开发者指南---概览 欢迎来到protocol buffers的开发者指南文档,protocol buffers是一个与编程语言无关‘.系统平台无关 ...

  7. Android开发者指南-方位传感器-Position Sensor

    Android开发者指南-方位传感器-Position Sensor 转载自:http://blog.sina.com.cn/s/blog_48d4913001010zsu.html Position ...

  8. OAuth2.0开发指南

    OAuth2.0开发指南 1.认证与登录 来往开放平台支持3种不同的OAuth 2.0验证与授权流程: 服务端流程(协议中Authorization Code Flow): 此流程适用于在Web服务端 ...

  9. libusb 开发者指南-牛胜超(转)

    源:libusb 开发者指南 libusb Developers Guidelibusb 开发者指南 原作者:Johannes Erdfelt翻译者:牛胜超 Table of Contents目录 P ...

随机推荐

  1. Ubuntu 18.04 系统 Update 后内核升级到5.0 导致 VMware Workstation 不正常工作

    Ubuntu 18.04 系统升级后,发现内核从 4.18 升级到 5.0,从而导致 VMware Workstation 启动主动更新,但总会显示 vmmon 和 vmnet 俩模块编译失败. 感谢 ...

  2. SAP导出内表数据到excel

    DATA: EXCEL    TYPE OLE2_OBJECT,      SHEET    TYPE OLE2_OBJECT,      CELL     TYPE OLE2_OBJECT,     ...

  3. Spring boot传值注意事项

    后台debug看到有获取到这个字段的值了,但就是传到前端后,就丢失了这个userId字段,觉得非常奇怪,想不通 后来看到 @JsonIgnore 这个注解就知道原因了 共同学习,共同进步,若有补充,欢 ...

  4. CSS基础学习-5.CSS属性_字体文本文本装饰

  5. centos6的配置

    例子:

  6. Docker 运行ELK日志监测系统,汉化Kibana界面

    1.ELK日志监控简介 ELK由Elasticsearch.Logstash和Kibana三部分组件组成: Elasticsearch是个开源分布式搜索引擎,它的特点有:分布式,零配置,自动发现,索引 ...

  7. PHP基础之如何调试PHP程序(HBuilder)

    先到这里下载HBuilder(HBuilder是最棒的PHPIDE,可以参考PHP是世界上最棒的编程语言),运行后界面如下: 打开WAMP的调试选项(XDebug):,每开启一个Xdebug选项,WA ...

  8. npoi 导出

    npoi 导出 public void Output(DataTable table, string SheetName, string reportName) { string result = s ...

  9. 列表控件 ListBox、ComboBox

    列表控件可以当作容器,内部可以有RadioButton.CheckBox.StackPanel等.即Items类型多样. ListBox,多个Item可被选中:ComboBox,只能有一个Item被选 ...

  10. Confluence 6.15 使用附件宏

    希望添加附件宏到一个页面中: 从编辑工具栏中,选择 插入(Insert)   > 其他宏(Other Macros) 找到并且选择需要的宏. 可用使用自动完成加快这个过程:输入 { 然后开始输入 ...