AngulaJS是款非常优秀的JasSetpsn结构化框架,可以用来构建单页面应用程序,2009年,AngularJS由Misko Hevery等人创建,后来被Google收购,该技术已经被用于Coogle旗下的多款产品开发当中。开发人员不仅可以使用和扩展HTML语言的特性。而且可以更清晰、简洁地编写应用程序,的组件。这些程序学可以在浏览器中运行,因此AngularJS成为任意服务器技术的理想合作伙伴。

  AngulaJS有很多特性,包括模型视图、自动化双向数据绑定、模板、指令、服务、依赖注人、路由等,具体介绍如下。

  1.模型视图: Angulils 并没有在传统意义上实现MVC.而是更接近于MWVM(Model-View- ViewMode),其中ViewModel被称为模型视图。

  2.自动化双向数据绑定:模型和视图组件之间的数据自动同步。

  3.模板:在AngularlS中,模板相当于HTML文件被浏览器解析到DOM中,AngularJS遍历这些DOM;也就是说,AuguarJS把模板当作DOM来操作,去生成一些指令来完成对视图的数据绑定。

  4.指令:指令是关于DOM元素的标记(如元素名、属性、CSS等),使元素拥有特定的行为。这些可以被用来创建作为自定义部件的自定义HTML标签。AngularJS 设有内置指令,如ngBind、ngModel等。

  5.服务:AngularJS中服务的概念类似于后端开发的“服务”,是对公共代码的抽象,例如多个控制器中出现了相似的代码,开发人员就可以把这些相似的代码提取出来封装成一个服务。AngularJS不仅提供了自定义服务的方法.还配有多个内置服务,例如$http可以作为一个 XMLHttpRequest请求。这些单例对象在应用程序中只实例化一次。

  6.依赖注入:AngularJS有一个内置的依赖注人子系统,使开发人员能够轻松对组件进行测试的关键所在。

  7.路由:通过路由可以实现视图的切换。

  在实际开发中,AngularJS具有很多优点,具体如下。

  ●AngularJS是供一个非常简洁的方式来创建单页应用。

  ●AngularJS在HIMIL中提供数据师定功能,从而给用户提供丰富的体险。

  ●AngularJS代码可进行单元测试。

  ●利用数据绑定和依赖注入,指令式编程非常适合来表示业务逻辑,让前端开发人员不用再写大量的DOM操作代码。

  ●在AngularJS中,视图都是纯HTML页面,可以使用JavaScript编写控制器做业务处理。

  ●AngularJS应用程序可以在所有主流的浏览器和智能移动设备(包括Android和iOs系统的手机或者平板电脑)上运行。

  在AngularJS+ionic十Cordova的混合App开发模式中,主要应用的框架为ionic,但是ionic使用了AngularJS的基本语法,所以ionic的学习需要以AngularJS作为基础,这是本书在讲解ionic之前讲解AngularJS的原因。

什么是AngularJS?它有哪些特性?相关推荐

  1. AngularJS学习笔记(3)——通过Ajax获取JSON数据

    通过Ajax获取JSON数据 以我之前写的与用户交互的动态清单列表为例,使用JSON前todo.html代码如下: <!DOCTYPE html> <html ng-app=&quo ...

  2. 前端Js框架 UI框架汇总 特性 适用范围 选择

    身为一个资深后端工程师,面对层出不穷的前端框架,总让人眼花缭乱,做一个综合解析贴,从全局着眼,让我们明白各种前端框架的应用范围,为如何选择前端框架,从不同的维度提供一些线索,做为一个长期优化贴,欢迎指 ...

  3. [转]如果我有jQuery背景,我应该如何切换到AngularJS的思维模式?

    导言 stackoverflow上有一个人问了一个问题:如果我有jQuery背景,我应该如何切换到AngularJS的思维模式? 有一个回复非常经典,获得了两千多票. 为了让国内开发者也能领略到其中的 ...

  4. AngularJS学习笔记之一: AngularJS入门

    2019独角兽企业重金招聘Python工程师标准>>> ‍一.AngularJS是什么?‍ AngularJS是由Misko Hevery 和 Adam Abrons 两个人共同创建 ...

  5. 一款优秀的JavaScript框架—AngularJS

    AngularJS简介 AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购.是一款优秀的前端JS框架,已经被用于Google的多款产品当中.Angular ...

  6. phonegap 性能优化 以及 phonegap + Angularjs + ionic 移动 app 开发介绍

     第一讲  phonegap 性能优化 以及 phonegap+ Angularjs + ionic 移动 app 开发介绍   学习要点: Phonegap第一季第二季视频教程内容简介 phon ...

  7. angularJS和jQuery的区别

    问题: 假如我熟悉利用jQuery去开发客户端应用,那么我怎么上手angularjs,能否描述下所需要的模式转变,下面这些问题能够帮助你给出一个回答: 1.在设计客户端web应用的时候有什么区别,最大 ...

  8. AngularJS 最佳实践

    AngularJS 最佳实践 2013-07-01 17:51 原文 简体 繁體 61,564 次围观 AngularJS 是一个 Web 应用框架,它实现了前端的 MVC 架构,能让开发人员很方便地 ...

  9. AngularJS之禅

    AngularJS是客户端MVC框架,它运行在web浏览器中,有助于我们写单页面.AJAX风格的web应用,是一个通用的框架.   AngularJS速成 实例:Hello World 首先引用Ang ...

最新文章

  1. oracle12 java_java – 无法使用12c jar创建Eclipse数据源到Oracle 12c.不过11g的作品
  2. YOLOv5 报错:“NotImplementedError: Could not run ‘torchvision::nms‘ with arguments from the ‘CUDA‘ back
  3. oracle产品追溯,如何追溯AR到Receipt再到GL
  4. “理想智造”品牌首次面世 新造车势力车和家正式上场
  5. rete_Rete之外的生活– RIP Rete 2013 :)
  6. docker停止信号java_docker容器优雅停止
  7. 实现一个 webpack loader
  8. php找零页面,找零问题
  9. 没解决:RuntimeWarning: tp_compare didn't return -1 or -2 for exception
  10. LINUX下类似画图板Paint的工具
  11. 计算机颜色的概念,颜色空间
  12. 联想电脑管家和驱动人生 驱动版本对比
  13. Linux+Ubuntu
  14. (四)HEVC基本理论——变换单元TU
  15. OFFICE激活报错0X80080005
  16. lua能解决php什么问题,我们能用lua做什么
  17. 伦敦交通局设置较低的速度限制
  18. [深度学习]CNN的基础结构与核心思想
  19. 【ReID】Harmonious Attention Network for Person Re-Identification
  20. 关于采样率位深码率无损的一些心得

热门文章

  1. Objective-C 自动生成文档工具:appledoc
  2. IOS一些显示效果和动画效果资料
  3. Visual Studio Remote Debugger(for 2005/2008) .net远程调试转
  4. Apache Hive 快速入门 (CentOS 7.3 + Hadoop-2.8 + Hive-2.1.1)
  5. WPF学习拾遗(二)TextBlock换行
  6. java显示本地磁盘所有盘符,显示桌面路径
  7. Linux: CentOS 7下搭建高可用集群
  8. silverlight 无法发布 如何灵活配置IP
  9. layui select 与 vue 的结合使用
  10. 聊聊Oracle 11g的Snapshot Standby Database(上)