ionic
前端UI工具包
Ionic是一个开源UI工具包,用于使用web技术(HTMLCSSJavaScript)构建高性能、高质量的移动应用程序,并集成了AngularReactVue.js等前端框架。
发展历史
ionic是基于Web技术应用HTML5、CSS3和JavaScript技术进行智能设备APP开发的框架,具有很好的跨平台性能,被称为Hybird App框架,即混合模式的移动APP开发框架。ionic聚焦于感官和应用的Ui交互,它不是 Phone Gap或 Cordova的替代品,ionic只是在前端大幅度简化了APP开发。为了发挥ionic的功能,需要 AngularJS的配合,虽然可以继续使用 AngularJS的CSS内容,但会失去ionic提供的强大的交互、手势、动画等支持,因此在使用ionic时应避免使用其他CSS内容。
ionic的最终目的是让基于HTML5开发本地智能设备APP的工作更加容易,这种APP被称为混合APP。需要注意的是,ionic聚集移动本地化APP开发而不是基于移动设备的Web应用或移动网站开发。ionic默认的界面类似ios系统,但不是对ios系统的复制,在开发中不要忘记使用ionicons字体包,还需要注意ionic所针对的移动平台是新版本系统,对于过去的旧版本系统 ionic不予支持。
ionic是一个专注于用WEB开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架。绑定了AngularJS和Sass。这个框架的目的是从web的角度开发手机应用,基于PhoneGap(Cordova)的编译平台,可以实现编译成各个平台的应用程序。
ionic的开发添加android和ios环境。
ionic提供很多css组件和javascript Ui库。
ionic可以支持定制android和ios的插件,也支持服务端REST的敏捷开发。
框架特点
ionic是一个CSS和JavaScript Ui库。其主要特点如下。
1.具有原生APP的运行性能
ionic的目的是开发移动APP,因此,它仅考虑了新的移动端的浏览器兼容,并不一定兼容PC机上的浏览器。其在性能上可与原生APP媲美。ionic专注于原生APP开发。
2.可维护性高
ionic采用AngularJS的设计思路,因此在应用维护、简单性上继承了AngularJS的优势。
3.漂亮的Ui设计
ionic中的Ui完全为移动APP定制,简单、简洁、实用是其最大的特点,它在Ui设计上贯穿了非常多的移动组件、结构规范。其主题不仅华丽且具有很强的可扩展性。
4.轻量级框架
ionic基于AngularJS框架,但仅针对移动APP开发,遵循JavaStript的MVVM模式。
5.具有强大的命令行工具
ionic提供了命令行工具,可帮助开发者开发、调试、运行APP,可轻松地将APP部署到任何移动应用平台
6.与AngularJS结合
lonic完全就是AngularJS在移动设备上的解决方案,其开发遵循AngularJS的思路,只要会AngularJS,ionic即可上手。
框架优势
1.ionic 基于Angular语法。
2.ionic 是一个轻量级框架。
3.ionic 融合下一代移动框架,支持 Angularjs 的特性, MVVM ,代码易维护。
4.ionic 提供了漂亮的设计,通过 SASS 构建应用程序,它提供了很多 Ui 组件来帮助开发者开发强大的应用。
5.ionic 专注原生,看不出混合应用和原生的区别
6.ionic 提供了强大的命令行工具。
7.ionic 性能优越,运行速度快。
安装方法
首先需要安装Node.js,在接下来的安装中需要使用到其 NPM 工具,然后通过命令行工具安装最新版本的 cordova 和 ionic 。通过参考Android和iOS官方文档来安装。
Window 和 Linux 上打开命令行工具执行以下命令:
Mac 系统上使用以下命令:
提示: IOS需要在Mac Os X. 和Xcode环境下面安装使用。
如果已经安装了以上环境,可以执行以下命令来更新版本:
参考资料
Arrow Forward.ionicframework.2020-01-05
最新修订时间:2023-05-07 19:57
目录
概述
发展历史
参考资料