移动端开发：开源的hybird移动app框架分析

HTML5移动UI框架(例如Ionic)让你创建垮平台HybridApp与NativeAPP相似的效果，而使用的则是

HTM5,CSSandJavaScript。如果你已经是一个web开发者了那么选择hybird将是一个较好的开发方式。而且只需要编写一套代码就可以在多个平台中使用。通过Cordova(PhoneGap)提供的javascriptAPI可以访问到照相机或传感器这类硬件设备。最后再编译成原生安装包发到各应用商店。

目前市面上有需要移动端的UI框架可供选择，接下来将介绍几款其中的佼佼者。

Ionic

在近几年，ionic成为了HybridApp开发框架中的领军者，并且ionic的开发小组继续更新，并保持领先优势。ionic一直保持免费和开源，而且它还拥有庞大的生态系统，可以在社区中找到大量的资源。

ionic添加了对android材料设计的支持，同时ionic也包括了angular。像其他流行的HybridApp框架一样，ionic也可以利用cordova来实现对原生硬件的调用。

ionic框架具有可维护性和可扩展性，使用了简单清晰的标记，大量移动端特殊优化的css(Sass),HTML5andJavaScript组件。

优点：

1.基于Angularjs

2.预置的类原生组件

3.强大的社区

缺点：

1.需要了解Angularjs

2.插件更新较慢

3.动画性能较弱

OnsenUI

OnsenUI是相对较新的框架，但是却给Ionic带来了冲击。Onsen采用Apachelicense开源协。OnsenUI有通过angular的指令实现了大量的组件也提供基于jQuery的组件。两个框架很类似但是还是存在一些不同：

与ionic相比

1.两个框架都依赖与angular指令，但OnsenUI支持jQuery。

2.两个框架都支持Android4+,iOS6+，OnsenUI支持FirefoxOS和桌面浏览器。但ionic没有官方的桌面浏览器支持，但还是可以用。

3.都支持分屏显示技术

4.都是扁平是风格，但个人觉得Ionic更好看点。

5.ionic支持SASS而OnsenUI则是基于TopcoatCsslibrary。

6.OnsenUI文档较好，但ionic的社区较活跃。

7.OnsenUI有一个自己的IDEcalledMonacaIDE.

jQueryMobile

jQuery依然在游戏领域与其他移动端框架抗衡。jQueryMobile建立在jQuery和jQueryUI的基础上。允许开发者创建webapp获得与平板、pc上无差别的用户体验。因此它无法提供类似移动端原生控件外观和体验的app.

MobileAngularUI

这是为bootstrap和angular的粉丝而准备的。通过MobileAngularUI,可以通过bootstrap3和Angular构建移动应用。

MobileAngularUI提供指令可以构建移动端UIComponent例如overlays,switches.sidebars,scrollable.

结论

目前市面上最常用的几款开源的移动端框架，总体上来均不错，但如果是要追求最终app的视觉效果则Ionic与Onsen是较好的选择，它们的UI看上去更像原生控件。如果你是jquery的粉丝，并且不想尝试使用其他的那么可以选择jQueryMobile简单高效。

如果你熟悉angular与bootstarp那么MobileAngularUI则是不错的选择。

————————————

优匠科技深耕在互联⽹技术服务领域多年，拥有几百多家的成功案例与资深的专业技术团队，能够帮助企业解决很多技术上的难题。

如有兴趣合作或是产品开发需求的朋友，欢迎前来咨询了解！！