什么是AngularJS?它有哪些特性?
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?它有哪些特性?相关推荐
- AngularJS学习笔记(3)——通过Ajax获取JSON数据
通过Ajax获取JSON数据 以我之前写的与用户交互的动态清单列表为例,使用JSON前todo.html代码如下: <!DOCTYPE html> <html ng-app=&quo ...
- 前端Js框架 UI框架汇总 特性 适用范围 选择
身为一个资深后端工程师,面对层出不穷的前端框架,总让人眼花缭乱,做一个综合解析贴,从全局着眼,让我们明白各种前端框架的应用范围,为如何选择前端框架,从不同的维度提供一些线索,做为一个长期优化贴,欢迎指 ...
- [转]如果我有jQuery背景,我应该如何切换到AngularJS的思维模式?
导言 stackoverflow上有一个人问了一个问题:如果我有jQuery背景,我应该如何切换到AngularJS的思维模式? 有一个回复非常经典,获得了两千多票. 为了让国内开发者也能领略到其中的 ...
- AngularJS学习笔记之一: AngularJS入门
2019独角兽企业重金招聘Python工程师标准>>> 一.AngularJS是什么? AngularJS是由Misko Hevery 和 Adam Abrons 两个人共同创建 ...
- 一款优秀的JavaScript框架—AngularJS
AngularJS简介 AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购.是一款优秀的前端JS框架,已经被用于Google的多款产品当中.Angular ...
- phonegap 性能优化 以及 phonegap + Angularjs + ionic 移动 app 开发介绍
第一讲 phonegap 性能优化 以及 phonegap+ Angularjs + ionic 移动 app 开发介绍 学习要点: Phonegap第一季第二季视频教程内容简介 phon ...
- angularJS和jQuery的区别
问题: 假如我熟悉利用jQuery去开发客户端应用,那么我怎么上手angularjs,能否描述下所需要的模式转变,下面这些问题能够帮助你给出一个回答: 1.在设计客户端web应用的时候有什么区别,最大 ...
- AngularJS 最佳实践
AngularJS 最佳实践 2013-07-01 17:51 原文 简体 繁體 61,564 次围观 AngularJS 是一个 Web 应用框架,它实现了前端的 MVC 架构,能让开发人员很方便地 ...
- AngularJS之禅
AngularJS是客户端MVC框架,它运行在web浏览器中,有助于我们写单页面.AJAX风格的web应用,是一个通用的框架. AngularJS速成 实例:Hello World 首先引用Ang ...
最新文章
- oracle12 java_java – 无法使用12c jar创建Eclipse数据源到Oracle 12c.不过11g的作品
- YOLOv5 报错:“NotImplementedError: Could not run ‘torchvision::nms‘ with arguments from the ‘CUDA‘ back
- oracle产品追溯,如何追溯AR到Receipt再到GL
- “理想智造”品牌首次面世 新造车势力车和家正式上场
- rete_Rete之外的生活– RIP Rete 2013 :)
- docker停止信号java_docker容器优雅停止
- 实现一个 webpack loader
- php找零页面,找零问题
- 没解决:RuntimeWarning: tp_compare didn't return -1 or -2 for exception
- LINUX下类似画图板Paint的工具
- 计算机颜色的概念,颜色空间
- 联想电脑管家和驱动人生 驱动版本对比
- Linux+Ubuntu
- (四)HEVC基本理论——变换单元TU
- OFFICE激活报错0X80080005
- lua能解决php什么问题,我们能用lua做什么
- 伦敦交通局设置较低的速度限制
- [深度学习]CNN的基础结构与核心思想
- 【ReID】Harmonious Attention Network for Person Re-Identification
- 关于采样率位深码率无损的一些心得
热门文章
- Objective-C 自动生成文档工具:appledoc
- IOS一些显示效果和动画效果资料
- Visual Studio Remote Debugger(for 2005/2008) .net远程调试转
- Apache Hive 快速入门 (CentOS 7.3 + Hadoop-2.8 + Hive-2.1.1)
- WPF学习拾遗(二)TextBlock换行
- java显示本地磁盘所有盘符,显示桌面路径
- Linux: CentOS 7下搭建高可用集群
- silverlight 无法发布 如何灵活配置IP
- layui select 与 vue 的结合使用
- 聊聊Oracle 11g的Snapshot Standby Database(上)