精华 1.了解Ionic框架
发布于 1年前 作者 qmarliu 2026 次浏览 来自 分享

Hybird HTML5 App(移动应用开发)之1.了解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框架中,包含了这些内容:AngularJS、Cordova、SASS、Gulp.js、Nodejs、Git、Bower等。 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框架,图文解说也许更容易理解。

1 回复

正在看ionic
发自 Ioniclub

回到顶部