ionic简介

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ionic简介相关的知识,希望对你有一定的参考价值。

1. 现在app开发方类型有几种? 

WebApp:就是在浏览器中运行的web应用

NativeApp:用android和Object-C等原生语言开发的应用

HybridApp:就是外面是原生的壳,里面是webapp应用,兼具2者的优势

 

2. Ionic介绍

 官网地址

Ionic官网 http://ionicframework.com/

Ionic中文网 http://www.ionic.wang/

 

首先要认识Ionic框架?

IONIC 是目前最有潜力的一款 html5 手机应用开发框架。通过 SASS 构建应用程序,它提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 javascript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定,使用它成为 Web 和移动开发者的共同选择。Ionic是一个专注于用WEB开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架。Ionic框架的目的是从 web的角度开发手机应用,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序。

 

Ionic框架构成

CSS框架 - 提供原生 App 质感的 CSS 样式模拟。 ionic 这部分的实现使用了 ionicons 图标样式库。

JavaScript框架 - 提供移动 Web 应用开发框架。ionic 基于 AngularJS 基础框架开发,遵循 AngularJS 的框架约束;此外 ionic 使用 AngularJS UI Router 实现前端路由。

命令行/CLI - 命令行工具集用来简化应用的开发、构造和仿真运行。ionic 命令行工具使用了 Cordova,依赖于平台 SDK(Android & ios)实现将移动 Web 项目打包成原生 App。

 

Ionic特点

基于Angular语法,简单易学。

是一个轻量级框架。性能优越,运行速度快。

完美的融合下一代移动框架,支持 Angularjs 的特性, MVC ,代码易维护。

提供了漂亮的设计,通过 SASS 构建应用程序,它提供了很多 UI 组件来帮助开发者开发强大的应用。

专注原生,让你看不出混合应用和原生的区别

提供了强大的命令行工具。

 

Ionic开发注意点有哪些?

由于 ionic 使用了 HTML5 和 CSS3 的一些新规范,所以要求 iOS7+ / Android4.1+。 

在低于这些版本的手机上使用 ionic 开发的应用,有时会发生莫名其妙的问题。

 

以上是关于ionic简介的主要内容,如果未能解决你的问题,请参考以下文章

快速上手Ionic3 多平台开发企业级问答社区教程 Ionic实战视频

Ionic 创建项目

Angular - 架构简介

Ionic之顺带APP

Ionic学习笔记三 Gulp在ionic中的使用

Ionic3,安装,创建项目