5大最流行手机webAPP框架之Ionic

 

Ionic 框架

Ionic框架是咱们前五个web app框架中最年轻的,阿尔法版本是在2013年11月下旬发布的。Ionic是创建在google的AngularJS框架上的,它利用AngularJS来提供应用结构,而它自己更关注的是用户界面。换句话说,我们将会看到强大的Angular和美妙的Ionic的一个完美的组合。

Ionic(自定义HTML元素)为它的组件提供了一组Angular指令,使其很容易使用小部件，简单的就像写一行HTML代码同样。除了指令,Ionic使用Angular的触摸识别器,视图动画逻辑,HTML生态和异步通讯。

虽然你能够在克隆和解压之后直接使用，一样你也可使用npm包管理器来安装基于node-js的客户端，而后迅速开始你的种子项目。

    尽管Angular是目前Ionic的主力,可是仍然容许开发人员以开放的选项来支持该框架，例如Knockout或者Emberjs。这个特别的审查被AngularJS强烈影响着，随着Ionic渐渐的支持其余框架,但它并不保证其准确性。

MV* Pattern

Angular JS过去被用来做为MVC框架,可是随着时间的推移，当$scope对象做为一个视图模型的状况下，就视图模型来说它经过控制器来进行操纵，这也使得Ionic变得更接近MVVM框架。这样一个灵活的方法，开发人员能够根据他们喜爱来使用MVC或MVVM，只要他们的目标能被事项就行，MVVM框架将显示从从业务逻辑分离从而提升了可维护性和生产力。

类系统

Angular JS或Ionic都不是面向对象的JavaScript框架，所以它们没法使用类系统。这可能被视做该框架的弱点或强点,其仅仅取决于JavaScript前端须要的简易程度。

DOM 控制

Angular 嵌入了jqLite,jqlite是jQuery的一小部分,容许跨浏览器兼容的方式进行DOM操做。就扩展功能而言的话,jQuery能够加载文档。

UI and Theme

谈及到UI，Ionic显示其内在的潜力。Ionic真正的美在于它的简单性。几乎全部的google风格中，它使用现有HTML5和CSS3功能提供快速的体验。速度是彻底在它的简单-没有没必要要的阴影,圆角,梯度，只须要扁平简洁活力，,清洁简单,强大,纯粹的HTML5。Ionic并不保证你原生外观UI,但它确实提供很是快的和一致的接口,即便在你认为HTML5应用程序渲染效果很慢。

 

经过SASS来进行定制,Ionic有方便的变量和mixin扩展来定制它的外观。此外,它的开源图标库有440多个图标可供选择。

小部件

Ionic的组件是很是简单的。他们能够根据Angular指令的原型来定制HTML元素,Ionic还提供控制器来补充配置和交互。虽然有些框架能够提供更复杂的小部件,Ionic提供了一些简单的构建块,这些构建块能够提供丰富的用户界面。自alpha版本起,该框架提供了大量的表单元素,页眉和页脚栏、按钮、一个简单的和可定制的项目列表,网格元素等等。

响应式设计

 

在内部,Ionic利用响应Web设计原则根据屏幕大小或像素密度来产生更优化的体验。任何app-specific RWD场景将受到欢迎合很好地实现。

桌面支持

 

用于混合移动应用程序(可安装在移动设备上经过应用程序商店),Ionic并不意味着用于桌面web应用程序/网站。虽然内容将会显示的很好,它任然须要作一些优化才能目的。那些但愿建立应用程序,适合这两种环境中能够留在角JS,可是使用Zurb开发基础上,Twitter引导或相似的UI库。

第三方插件

    当前没有第三方插件或扩展可用

 

扩展

很多扩展性将会从CSS(S)或Angular指令和控制器衍生出来。这将会使得扩展成为应用程序的一个组成部分，,不可避免,但不要求。即便开发人员是Ionic的新人，Angular也不须要斗争。

构建工具

Gulp是用来构建Ionic  # 1 JavaScript构建工具,为你的项目目的更加具备吸引力。

打包(原生)

Ionic应用程序将须要外部工具用于包装。这被用来和PhoneGap和Cordova和Trigger.io一块儿工做。

设备APi

     Ionic不支持设备api。

文档

Ionic文档是合适的完成的alpha阶段框架。示例丰富,文档显示大多数的组件将在移动设备上显示一个预览。预览是颇有吸引力的。

Angular的文档会知足开发人员中的初学者,但很快就会变得不充足。做为信息的欲望达到专家水平,开发人员可能会被迫诉诸源代码或其余地方。

离子的文档是体面完整考虑的alpha阶段框架。示例丰富,大多数的文档显示预览组件将在移动设备上。预览是颇有吸引力的。

角的文档会知足初学者开发人员,但很快就会变得不足。做为信息的欲望达到专家水平,开发人员可能会被迫诉诸源代码或其余地方。

License

Ionic和AngularJS都在MIT许可下可用。

Community

由于它还处在一个生命周期的早期阶段,Ionic还没有一个成熟的社区。然而,考虑到相同的状况下,它的受欢迎程度的提高速度比许多其余框架要快。

这些人会说什么呢？

JavaScript 开发者

这是一种全新而且直的构建丰富的应用的方式。MVC和MVVM模式被实现·,像老拉丁人会说他们有机会与Angular JS一块儿工做。此外,使用HTML定义视图和使用js对象定义数据模型,最终开发人员很容易编写更少的代码和使用更少的时间来生产高质量的应用程序。

设计人员

充满激情的设计师会喜欢Ionic,由于它容许他们按本身的喜爱自定义布局,而没必要修改别人的复杂的小部件和破坏应用的功能。定制的UI须要Zurb开发基金会或者是推特的bootstrap一块儿工做.

产品经理:

开始学习AngularJS的障碍很是低,根本不须要知道整个框架就能够构建一个简单的应用程序。然而,初学者在复杂的应用程序面前，将面临着更高级的任务将会须要来应对一个愈来愈陡峭的学习曲线。

请记住Ionic被用来使用混合的应用而不是手机网站。

 翻译网页：

http://moduscreate.com/5-best-mobile-web-app-frameworks-ionic-angulalrjs/