当前位置: 移动技术网 > IT编程>脚本编程>AngularJs > Angular开发者指南之入门介绍

Angular开发者指南之入门介绍

2018年05月01日  | 移动技术网IT编程  | 我要评论

什么是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的依赖注入方式自动注入到应用程序中。这允许你快速开始开发功能。作为奖励,你可以完全控制自动化测试中的初始化过程。

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持移动技术网!

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网