1.了解Ionic框架

zale

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代码，并将代码编译为不同移动平台的原生应用程序，还能通过一系列JavaSciptAPI使用原生功能,比如加速计、照相机。

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，不懂AngularJS 飘过。