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

Ionic并不是一个入门级的框架,它是一个专注于用web开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架。绑定了AngularJS和SASS。这个框架的目的是从web的角度开发手机应用,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序。所以,在学Ionic之前,首先要了解学习Ionic需要具备的技能:
1、熟练运用HTML、CSS、JavaScript;
2、熟练运用HTML5的新元素。
3、有使用JavaScript框架的的经验,尤其是熟悉AngularJS 框架。

下面我们就来认识一下Ionic框架:
1、Ionic为开发者提供一系列预置组件,为你的程序提供一些功能。
2、通过AngularJS可以创建一系列定制的指令,而这些指令可以为应用程序增加新的功能。
3、使用框架构建应用程序,只要遵循框架特定的结构和相关约定,就可以为应用程序添加Ionic预置的一些功能,有了这样的框架,使得开发应用程序更容易。
4、Ionic就是一个构建原生应用程序的SDK框架,通过它产生的应用程序可以运行在不同的移动设备,就像应用程序是为移动设备量身定做一样。在构建应用程序的过程中,你不但可以使用Ionic框架,而是还可以使用多个框架和库。
Ionic框架和其他框架的关系:
1、Ionic使用AngularJS框架去控制或创建应用程序中的交互,所以,再次强调,为了使用Ionic创建应用程序,你需要较好的掌握AngularJS。
2、Cordova用来打包web代码,并将代码编译为不同移动平台的原生应用程序,还能通过一系列JavaScipt API使用原生功能,比如加速计、照相机。
3、在Ionic应用程序中,可使用SASS创建样式;SASS作为CSS的预处理机,在CSS的基础上提供了许多其他功能。如果要给你的应用程序创建独特的外观,需要对SASS有经验。但单纯的使用Ionic并不需要熟练使用SASS。
4、Gulp.js用来管理项目、加工SASS及处理其他工作。虽然使用Ionic并不要求你熟悉Gulp.js,但是熟悉Gulp.js会让你更好的明白Ionic是如何监控你的项目
5、Ionic利用Nodejs的安装工具npm来处理安装。
6、Ionic使用Git来追踪管理项目,进行版本控制。
7、Ionic可以使用Bower安装一些组件。
Ionic预置组件和指令
1、Ionic提供一系列的预置组件,使用它们就可以为应用程序添加不同的功能,而不用自己艰难地去实现。比如:Ionic提供许多提前预置的CSS类,能够让你的应用程序看起来和表现得像原生设备上的应用程序一样。
2、Ionic通过AngularJS自定义了许多的指令,这些指令能够给应用程序增加移动功能。比如:如果你想创建一个移动的列表,你可以使用Ionic标签ion-list, ion-list会为你提供许多功能,比如滚动,分类排序等。Angular也运行创建自定义的指令,作为自定义的HTML标签或者属性。
总结:
Ionic和大多数框架相比,它都是不同的,因为它是一个SDK,依赖许多其他的框架。虽然你能在没有使用全部框架经验的情况下,就能使用Ionic工作,你仍然需要掌握AngularJS 。如果需要真正掌握Ionic,你需要明白以上的软件是如何帮助Ionic生成移动程序的。如果你想完整的学习Ionic框架,请参考Ionic课程

猜你喜欢

转载自blog.csdn.net/flyonok/article/details/50516815
今日推荐