性能、UX、跨平台：移动Web应用UI框架大比拼Onsen UI不但整合了AngularJS，连解决方案都跟Ionic团队的方向一致

3. FrameWork 7

一年多前，在我刚创业时，为了尽可能地减少麻烦，我一直在寻找一种组件丰富、功能强大的UI框架，而早于Ionic问世的FrameWork 7（简称“F7”）正好能满足我的需求。其官方网站上称F7是“为iOS应用开发量身定制的全能型HTML框架”，这反倒给了我一个拒绝的理由，因为F7不支持跨平台。

不过，用F7开发混合iOS应用还是不错的，一整套UI组件覆盖了原生iOS应用所能呈现的一切内容。跟Ionic和Famou.us + Angular整合版有所不同的是，开发F7应用时，必须使用内置的F7 MVC（Model View Controller，模型试图控制器）框架。

安装F7：

通过F7源码，创建bower_components目录之后，如果想要启动的话，还必须创建一个HTML文件，就这一点而言，F7并没有像Ionic或OnsenUI那样贴心地提供基础模板。

示例：

此外，在使用F7开发时，还必须将文档放进Web服务器的目录中，并在localhost上操作。F7调用AJAX来实现页面之间的转换，需要一个运行的网络服务器，但为PhoneGap和Cordova部署时则可以省去这一步。

• F7的优劣势对比：

优势	劣势
几近完美的iOS用户体验	不支持跨平台
提供诸多实用的工具	使用自主开发的MVC框架
易于入门	尚未普及，无“starting-kit”

• 评分：

评分标准	得分
文档	9.0
快速入门	7.0
性能	6.0
社区	4.0
学习曲线	9.0

4. Onsen UI

Onsen UI不但整合了AngularJS，连解决方案都跟Ionic团队的方向一致，可谓Ionic的一大劲敌了。对于PhoneGap和Cordova开发者来说，Onsen UI简直是专为解决启动项目的UI问题而生的，同类的移动UI框架可以说是寥寥无几。

在检测Onsen UI时，我发现的第一个问题就是“入门指南”写得并不清楚，而且Onsen UI团队创建的模板也并不在模板存储库（比如Git）里，要使用还得先下载。如此一来，如果遇到Bug，开发者根本无法直接写问题报告来解决，或提交Pull Request以警示其他开发者。如果模板升级的话，开发者一方要做出相应的更新也不容易。

有弊也有利，Onsen UI的贴心之处在于，开发者能在线选择颜色和基本组件样式，无须更改CSS，下载后就能使用。当然，也可以用Monaca IDE，不必下载文件，直接用定制模板来创建项目。