Angular开发者指南之入门介绍
159 浏览量
2020-12-09
04:05:14
上传
评论
收藏 74KB PDF 举报
Angular开发者指南之入门介绍开发者指南之入门介绍
什么是什么是Angular
AngularJS是动态Web应用程序的结构框架。 它允许您使用HTML作为模板语言，并允许您扩展HTML的语法以清晰，简洁地
表达应用程序的组件。AngularJS的数据绑定和依赖注入消除了许多你不得不编写的代码。这一切都发生在浏览器中，使其成
为任何服务器技术的理想合作伙伴。
动态应用程序和静态文档之间的动态适配常常通过以下方式解决动态应用程序和静态文档之间的动态适配常常通过以下方式解决
一个库：一组在编写网络应用程序时非常有用的函数。你的代码是负责在它调用库中它认为合适的。 例如jQuery
框架：Web应用程序的特定实现，其中你的代码填充详细信息。框架是负责，当它需要某些应用程序特定时调用你的代码。
例如，durandal，ember等。
AngularJS采取另一种方法。采取另一种方法。 它尝试通过创建新的它尝试通过创建新的HTML结构来最小化文档中心结构来最小化文档中心HTML和应用程序需要的阻抗之间的不匹配。和应用程序需要的阻抗之间的不匹配。
AngularJS通过我们调用指令的构造来教导浏览器的新语法。通过我们调用指令的构造来教导浏览器的新语法。 示例包括：示例包括：
数据绑定：{{}}
DOM控制结构，用于重复，显示和隐藏DOM片段
支持表单和表单验证
将新行为附加到DOM元素，例如DOM事件处理
将HTML分组为可重用组件。
一个完整的客户端解决方案一个完整的客户端解决方案
AngularJS不是构建Web应用程序的客户端的整体谜题中的单一部分。它处理所有你曾经用手写的DOM和AJAX粘合代码，并
把它放在一个定义良好的结构中。这使得AngularJS认为应该如何构建一个CRUD（创建，读取，更新，删除）应用程序。 但
是，虽然它的意见，它也试图确保其意见只是一个起点，你可以轻易改变。 AngularJS提供了以下开箱即用的：
在一个连贯的集合中构建一个CRUD应用程序所需的一切：数据绑定，基本模板指令，表单验证，路由，深层链接，可重用组
件和依赖注入
可测试性故事：单元测试，端到端测试，模拟和测试线束
发布应用程序以目录布局和测试脚本为起点。
AngularJS的讨巧之处的讨巧之处
AngularJS通过向开发人员提供更高级别的抽象来简化应用程序开发。像任何抽象一样，它以灵活性为代价。换句话说，不是
每个应用程序都适合AngularJS。AngularJS是用CRUD应用程序构建的。幸运的是，CRUD应用程序代表了大多数Web应用
程序。 为了理AngularJS有什么好处，但它有助于理解什么时候一个应用程序不是一个很好的适合AngularJS。
游戏和GUI编辑器是使用密集和棘手的DOM操作的应用程序的例子。这些类型的应用程序不同于CRUD应用程序，因此可能不
是一个很好适合AngularJS。在这些情况下，最好使用具有较低抽象级别的库，例如jQuery。
AngularJS的禅的禅
注册回调：注册回调会杂乱你的代码，使得很难看到树的森林。 删除常见的样板代码，如回调是一件好事。 它大大减少了你
必须做的JavaScript编码量，它使你更容易看到你的应用程序做什么。
以编程方式操纵HTML DOM：操纵HTML DOM是AJAX应用程序的基石，但它很繁琐，容易出错。通过声明性地描述在应用
程序状态更改时UI应该如何更改，您将从低级DOM操作任务中释放出来。大多数使用AngularJS编写的应用程序从不需要以编
程方式操作DOM，尽管如果你愿意的话。
与UI进行数据封送：CRUD操作构成了大多数AJAX应用程序的任务。 从服务器到内部对象到HTML表单的编组数据流，允许
用户修改表单，验证表单，显示验证错误，返回到内部模型，然后返回到服务器，创建了很多模板文件代码。 AngularJS消除
了几乎所有的这个样板，留下描述应用程序的整体流程的代码，而不是所有的实现细节。
写入大段的初始化代码只是为了开始：通常你需要写很多管道只是为了获得一个基本的“Hello World”AJAX应用程序工作。使
用AngularJS，您可以使用服务轻松引导应用程序，这些服务以类似Guice的依赖注入方式自动注入到应用程序中。这允许你
快速开始开发功能。作为奖励，你可以完全控制自动化测试中的初始化过程。
评论0
最新资源