jQuery技术

jQ.Mobi:针对移动设备优化的HTML5终极jQuery框架

字号+ 作者:小想 来源: 2014-11-16 22:49 我要评论( )

HTML5开发商appMobi为移动Web开发者推出了终极的jQuery框架——jQ.Mobi,jQ.Mobi与原有方案相比更快、更轻巧,它提供给开发者一直在寻找的用户界面和编程功能。

 近来发现好多开发者将jQ.Mobi和jQuery Mobile混为一谈,希望本文能给各位准备选择HTML5跨平台应用开发的朋友一些帮助。

1513550.jpg
 

人们为什么要在jQuery团队发布了jQuery Mobile 1.0两个月之后,又创建了新的基于jQuery的JavaScript框架呢?appMobi这样做的原因在于,jQuery植根于桌面浏览器,因此他们的移动版本并没有很好地优化,并且也无法在移动设备上——特别是在Android设备中——提供良好的体验。appMobi已经开放了jQ.Mobi的源代码,它对jQuery进行了重写,与jQuery Mobile竞争以分享开发者份额。

jQ.Mobi是jQuery的部分重写版本,但针对HTML5和移动设备做了优化。它的文件大小只有3KB,而jQuery则有35KB,并且据JSPerf test的数据,它在Android上要比jQuery快3倍,在iOS上快2.2倍。该框架是由appMobi发布并开源的。因为jQ.Mobi是插件式开发,所以它的编程语法和jQuery完全相同。jQ.Mobi只包含jQuery API的子集,也就是appMobi认为给iOS和Android提供完全相同用户体验最重要的那部分。

jQ.Mobi由三个组件组成:
  • 查询(query)程序库
  • jQ.Ui——为WebKit浏览器提供的用户界面程序库
  • jQ.Plugin——针对WebKit浏览器的插件支持
他们创建了一个演示来展现框架的功能。
 
jQuery团队的移动领域主管Todd Parker承认jQuery Mobile中存在一些问题,并且团队刚刚发布了维护版本(1.0.1),其中修正了大量缺陷,他们还会在1.2版本中提供更多小工具并做出改进。
 
jQ.Mobi与SenchaTouch、JQTouch一样属于JavaScript框架。但不同的是,后两者基于HTML4且源于网页浏览器,jQ.Mobi是基于HTML5重写的jQuery框架。
 
1513551.jpg
对比图

appMobi的首席技术官(CTO)SamAbadir表示:“jQ.Mobi是我们提供给移动开发业界的‘jQueryHTML5-ready’。”

jQ.Mobi对基于HTML5开发的appMobi未来版本有很好的兼容性,它的推出适合appMobi在HTML5开发中的发展愿景。近日,Abadir表示公司在这方面做出了大量投资,例如在UI框架方面。“目前苹果iOS系统和谷歌Android系统的用户体验仍然不相同,iOS本机应用程序仍比做Android应用程序要快一些。”

Abadir表示,appMobi在2012年的发展重点将是为HTML5开发者提供更好的开发工具、重点发展移动HTML5开发框架、以及创新的应用和信息,这些重点建设将超过HTML5规范的生态系统建设,“我们要保持对社区的推广,因为如果开发者赚不到钱就不会再去开发HTML5应用程序了。”他同时表示对于公司来说,“UI框架是第一要求”。Abadir公布,新的jQ.Mobi框架将是原有版本大小的七分之一,而速度快了三倍。

Zynga德国CTO(jQueryUI的创建者)PaulBakaus表示“终于看到了一个轻量级的JS库,专门用于智能手机的性能和启发,使jQuery的著名流行的API,这是伟大的”他说:“对我来说,jQuery2.0的未来预测充满希望。”

appMobi把jQ.Mobi、标准jQuery和micro-JavaScript框架的Zepto进行了一项对比测试。结果表明,在iOS和Android平台下,jQ.Mobi的性能都要优于其余两个。

1513553.jpg
图:jQ.Mobi、标准jQuery、Zepto的测试结果对比

我们可在appMobi应用商店里看到jQ.Mobi的说明视频,它展示了新UI框架功能和显示功能。目前jQ.Mobi还是测试版本,不过未来几个月内应该会推出正式版。

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • 7个有用的jQuery小技巧

    7个有用的jQuery小技巧

    2016-02-26 13:02

  • jQuery制作select双向选择列表

    jQuery制作select双向选择列表

    2016-02-26 11:00

  • 全面详细的jQuery常见开发技巧手册

    全面详细的jQuery常见开发技巧手册

    2016-02-26 10:02

  • 强大的jQuery移动插件Top 10

    强大的jQuery移动插件Top 10

    2016-02-25 09:05

网友点评
"