资讯频道 → 移动开发
阅读更多

2顶
0踩

移动开发

原创新闻 性能、UX、跨平台：移动Web应用UI框架大比拼（下）

2014-12-24 14:42 by 正式编辑 cao345657340 评论(2) 有8355人浏览
Web 框架 性能 Ionic AngularJS

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

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的优劣势对比：




  • 评分：



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，不必下载文件，直接用定制模板来创建项目。

那么，如何用Onsen UI来创建一个项目呢？首先在“getting started”上选择一个心仪的模板。解压文件后，就能看到一个标准的Cordova/PhoneGap目录结构。然后，回到网站，选择一个不同的配色方案，比如黑色主题：



和Ionic一样，Onsen UI提供了一套完整的指令（HTML自定义元素），很贴心地帮开发者避开了弯路，保证开发过程严格遵循业务逻辑。虽然Onsen UI社区没有Ionic那么活跃，但同样人才济济，未来，Onsen UI的提升空间还是很大的。其次来谈谈框架本身，Ionic和OnsenUI都具备下拉刷新、列表、标签、菜单等工具，但Ionic更用心，可以往AngularJS的控制器里注入服务，以对其实现控制。

  • Onsen UI的优劣势对比：




  • 评分：



5. Angular Material Design

Material Design反映了Google基于Android 5.0 Lollipop操作系统的原生应用UI开发理念，而AngularJS还发起了一个Angular Material Design项目，为应用开发者提供一组完整的实现Material Design的AngularJS UI元素。这听上去不错，但要深究或展示实际范例还为时尚早，感兴趣的开发者可登陆Angular Material官网了解最新进展，或进入GitHub下载源码尝鲜。



总结

综上所述，在我看来，Famo.us和Ionic之间才是真正的较量，因为两者都是旨在为Hybrid应用开发提供原生体验的UI框架，只是实现途径各不相同。Ionic先从UI着手，启动应用后能快速获得一个包含多种UI组件和功能的基础架构。同时，其性能问题也在逐渐完善。而Famo.us则是从性能、效率、动画效果入手，以后可能会加入完整的UI工具包。

不论前端还是后端，开发者都应根据自己的侧重点来选择框架，而不是随着框架而转移自己的侧重点。开发的应用仅限于iOS还是跨平台？是否力求打造惊艳的转换、动画效果和流畅的用户体验？想要快速部署自己的产品吗？是针对高端移动设备还是中低端？

实际上，这些问题一旦想明白，选择什么样的框架就一目了然了。拿我自己来说，想要快速部署MVP，我更青睐Ionic，它整合了AngularJS，还有下拉刷新、无限加载、图片轮播等诸多酷炫的功能，节省了我很多时间。更重要的是Ionic社区群体庞大，我能把精力全部放在业务逻辑上，而不必亲自开发整个UI。但说到Famo.us，其发展方向是对的，而且未来一定会越来越完善。

文章来源：AirPair
  • 大小: 6.1 KB
  • 大小: 3.1 KB
  • 大小: 2.3 KB
  • 大小: 17.8 KB
  • 大小: 22.3 KB
  • 大小: 16.7 KB
  • 大小: 3 KB
  • 大小: 21.8 KB
  • 大小: 29.9 KB
  • 大小: 24.8 KB
来自: CSDN
2
顶
0
踩
评论 共 2 条 请登录后发表评论
2 楼 houyujiangjun 2014-12-24 17:24
Hybrid 只适合desktop , mobile 是不适合的.
1 楼 clrw 2014-12-24 15:36
不错。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics