立即注册 登录
PhoneGap中文网 返回首页

zale的个人空间 http://www.phonegap100.com/?62778 [收藏] [复制] [RSS]

日志

1.了解Ionic框架

已有 1312 次阅读2015-12-29 13:54 |个人分类:Hybird HTML5 App(移动应用开发)| Ionic, Cordova, HTML5, Andorid, 移动开发

Hybird HTML5 App(移动应用开发)1.了解Ionic框架

 

Ionic并不是一个入门级的框架,它是一个专注于用web开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架。绑定了AngularJSSASS。这个框架的目的是从web的角度开发手机应用,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序。所以,在学Ionic之前,首先要了解学习Ionic需要具备的技能:

1、熟练运用HTMLCSSJavaScript

2、熟练运用HTML5的新元素。

3、有使用JavaScript框架的的经验,尤其是熟悉AngularJS 框架。

 

下面我们就来认识一下Ionic框架:

1Ionic为开发者提供一系列预置组件,为你的程序提供一些功能。

2、通过AngularJS可以创建一系列定制的指令,而这些指令可以为应用程序增加新的功能。

3、使用框架构建应用程序,只要遵循框架特定的结构和相关约定,就可以为应用程序添加Ionic预置的一些功能,有了这样的框架,使得开发应用程序更容易。

4Ionic就是一个构建原生应用程序的SDK框架,通过它产生的应用程序可以运行在不同的移动设备,就像应用程序是为移动设备量身定做一样。在构建应用程序的过程中,你不但可以使用Ionic框架,而是还可以使用多个框架和库。

 

Ionic框架中,包含了这些内容:AngularJSCordovaSASSGulp.jsNodejsGitBower等。

1Ionic使用AngularJS框架去控制或创建应用程序中的交互,所以,再次强调,为了使用Ionic创建应用程序,你需要较好的掌握AngularJS        

2Cordova用来打包web代码,并将代码编译为不同移动平台的原生应用程序,还能通过一系列JavaScipt API使用原生功能,比如加速计、照相机。

3、在Ionic应用程序中,可使用SASS创建样式;SASS作为CSS的预处理机,在CSS的基础上提供了许多其他功能。如果要给你的应用程序创建独特的外观,需要对SASS有经验。但单纯的使用Ionic并不需要熟练使用SASS

4Gulp.js用来管理项目、加工SASS及处理其他工作。虽然使用Ionic并不要求你熟悉Gulp.js,但是熟悉Gulp.js会让你更好的明白Ionic是如何监控你的项目

5Ionic利用Nodejs的安装工具npm来处理安装。

6Ionic使用Git来追踪管理项目,进行版本控制。

7Ionic可以使用Bower安装一些组件。

 

Ionic预置组件和指令

1Ionic提供一系列的预置组件,使用它们就可以为应用程序添加不同的功能,而不用自己艰难地去实现。比如:Ionic提供许多提前预置的CSS类,能够让你的应用程序看起来和表现得像原生设备上的应用程序一样。

2Ionic通过AngularJS自定义了许多的指令,这些指令能够给应用程序增加移动功能。比如:如果你想创建一个移动的列表,你可以使用Ionic标签ion-list, ion-list会为你提供许多功能,比如滚动,分类排序等。Angular也运行创建自定义的指令,作为自定义的HTML标签或者属性。

 

最后,来做个总结。

Ionic和大多数框架相比,它都是不同的,因为它是一个SDK,依赖许多其他的框架。虽然你能在没有使用全部框架经验的情况下,就能使用Ionic工作,你仍然需要掌握AngularJS 。如果需要真正掌握Ionic,你需要明白以上的软件是如何帮助Ionic生成移动程序的。

 

以上的详细内容可以点击参考云盘中的图文文档,图文解说也许更容易理解。

头晕

不解

扯淡

搞笑

欠扁

超赞

支持

难过

评论 (0 个评论)

facelist

您需要登录后才可以评论 登录 | 立即注册

关闭

站长推荐 上一条 /1 下一条

ionic4视频教程

Archiver|手机版|小黑屋| PhoneGap中文网 ( 京ICP备13027796号-1 )  

GMT+8, 2024-5-4 04:46 , Processed in 0.035206 second(s), 24 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部