了解Ionic框架
学Ionic之前
需要了解什么
1熟悉创建在线的项目,知道
HTML、CSS、JavaScript是
怎样工作的。
这门课程有不少的安装和命令
行的使用操作,确保熟悉一些
终端操作工具,比如Gitbash
在Windows环境中的使用。
使用AngularJS和Ionic创建应用程序并不是入门级课程,有些知识需要在学习
课程前就很熟悉。
3有使用JavaScript的经验,尤
其是熟悉AngularJS框架。
Ionic框架介绍
Ionic的魅力:提供一系列预置组件,方便为我们的程序提供一些功能。通过
AngularJS可创建一系列定制的指令,且这些指令能增添移动功能到我们的应用程
序。
可以使用HTML,CSS和JavaScript来构建应用程序,但它的方式特殊,它不是只
使用一个框架,而是使用多个框架和库。
框架组织我们的程序,只要遵循特定的结构和约定,就可以添加一些不同的提前
预置的功能给应用程序,这样的框架使得开发应用程序变得更加简单。Ionic就是一
个构建原生应用程序的SDK框架,通过它产生的应用程序可以运行在不同的移动设
备上,就像应用程序是为移动设备量身定做的一样。
4.Gulp.js。
3.SASS。
2.Cordova。1.AngularJS。
5.其他通用的工具库,包括Node.js、Git、Bower
。Ionic使用多个框架和库----------------------------Ionic使用多个框架和库,下面
们来依次了解。
Ionic使用多个框架和库
AngularJS
-----------------------------------------Ionic使用AngularJS框架来控制或创建应用程
序中的交互,所以为了使用Ionic创建应用程序,我们需要掌握好如何使用AngularJS
框架。
-----------------------------------------
下一步
Cordova
-----------------------------------------Cordova可以打包Web代码,并将代码编译为不
同移动平台的原生应用程序,它还能通过一系列JavaSciptAPI使用原生功能,比如摄
像头、麦克风。
-----------------------------------------
下一步
SASS介绍
-----------------------------------------Ionic可以使用SASS创建样式。SASS作为
CSS的预处理机,在CSS的基础上提供了许多其他功能。如果要给我们的应用程序
创建独特的外观,就需要熟悉SASS的使用;但如果只是单纯的使用Ionic,那就不必熟
练使用SASS。
-----------------------------------------
下一步
Gulp.js
-----------------------------------------使用Gulp.js可以管理项目、加工SASS、并处
理其他工作。虽然使用Ionic并不要求我们熟悉Gulp.js,但是了解它的使用可以帮助
我们更好的理解Ionic是如何监控我们的项目。
-----------------------------------------
下一步
Node.js
-----------------------------------------我们可以利用Node.js来处理Ionic的安装,下一
节将具体演示如何安装Node.js。
-----------------------------------------
下一步
Git
-----------------------------------------Ionic使用Git来追踪管理项目,进行版本控制。
下一节我们也将演示Git的安装。
-----------------------------------------
下一步
Bower
----------------------------------Ionic可以使用Bower安装一些组件。------------------
----------------
下一步
提前预置组件
-----------------------------------------Ionic提供了一系列提前预置的组件,使用它们
可以创建不同的功能,而不用自己去艰难地实现。比如:Ionic提供了许多提前预置的
CSS类,它能够让我们的应用程序看起来和表现得就像原生设备上的应用程序。
-----------------------------------------
下一步
定制指令
--------------------------------------------Ionic可以通过AagularJS创建许多定制的指
令,这些指令能够给应用程序增加移动功能。比如:我们想创建一个移动的列表,可以
使用Ionic标签ion-list,它会为我们提供许多功能,如滚动、分类排序等。AngularJS
帮助我们创建自定义指令,并作为我们自己的HTML标签或者属性。我们还可以通
过AngularJS指定控制器或者JavaScript,并添加各种功能到我们的Ionic应用。
--------------------------------------------
下一步
Ionic主要依赖AngularJS框架
-----------------------------------------和大多数框架相比,Ionic都是不同的,因为它是
一个SDK,且依赖许多其他的框架。虽然我们可以在没有使用全部框架经验的情况
下来使用Ionic工作,但仍然需掌握好AngularJS的使用。如果我们需要真正掌握
Ionic,那就需要熟悉以上的软件是如何帮助Ionic生成移动程序。
-----------------------------------------
下一步
选择题下列关于Ionic框架的说法，错误的是（）。A：Ionic使用多个框
架。 B：Ionic 框架包括AngularJS,Cordova,SASS,Gulp.js 等。 C：使用多个框架使
得Ionic 创建应用程序更加的方便快 捷。 D：使用Ionic 需要完全了解它依赖的所
有框架。 使用Ionic 并不需要完全了解它的所有框架钓鱼网，但必须熟练 AngularJS。完
全了解所有的框架有助于理解Ionic 如何 生成应用。 解答：D
判断题 AngularJS 是Ionic 框架的核心。 正确 错误 解答：正确 我们可以在没
有使用其他框架的经验下使用Ionic，但是不 能不了解 AngularJS。
判断题 Cordova 能够使用本地原生功能（摄像头、麦克风）。 正确 错误 解
答：正确 Cordova 提供了一组设备相关的 API，通过这组 API起步网校，移动 应用能够以
JavaScript 访问原生的设备功能一流范文网贝语网校物业经理人，如摄像头、 麦克风等。所以Cordova 能使用本地
原生功能。 返回“练习首页” |
