Sencha Touch 和 jQuery Mobile 的比较

Sencha Touch 和 jQuery Mobile 的比较

英文原文：Sencha Touch vs jQuery Mobile

标签：  Sencha Touch  jQuery Mobile

103人收藏此文章, 我要收藏oschina 推荐于 2年前 (共 7 段, 翻译完成于 08-02) (23评) 

 

参与翻译(1人)：

yale8848

仅中文 |  中英文对照 |  仅英文 |  打印此文章

不少人问我Sencha Touch (百度百科Sencha Touch译者加) 和jQuery Mobile哪一个更好。事实上，它两的区别就像是Web后台编程，PHP和Java。它们都能完成一样的功能，但其实它们是为不一样的目的而创造的。 Sencha Touch基于web-kit浏览器并作了优化，而jQuery Mobile适用于通常浏览器。由于Sencha Touch作了优化，不少人以为它比jQuery Mobile更棒。混合移动应用(相似用用Webview编程，译者注)会让Sencha Touch熠熠生辉，它会让移动应用很是流畅就像是用原生API开发的同样。但jQuery Mobile也会在不一样的地方发光发彩的。与Sencha Touch只支持web-kit不一样，jQuery Mobile在支持HTML5的浏览器工做的也是至关的漂亮。不管你是使用Windows，MAC OS，Android或是iOS系统，jQuery Mobile都能吸引你的眼球。

yale8848 翻译于 2年前 3人顶   顶 翻译的不错哦!

Sencha Touch vs jQuery Mobile 下面我将以我我的经验来谈谈它们的不一样，这也许不会很客观。就我的而言我不会偏袒任何一方，下面的章节经按组进行比较，每组都有胜者。 第一组-行销和平台支持 Sencha Touch和jQuery Mobile都以HTML5框架著称。jQuery Mobile谦虚的说本身只是内建于全部流行的移动设备平台，而Sencha Touch则说本身是惟一能让为开发者在iOS，Android，BlachBerry，Windows Phone等更多的OS上开发漂亮应用的框架。老实说，这种夸大其词的广告让我失望。我尚未发现它说的那样好，Sencha Touch只能孤芳自赏了。 只支持web kit内核浏览器(听说这会在将来有所变化) 你们知道的，有不少移动应用框架比Sencha Touch好 jQuery Mobile 不少框架都不会为某一特定的平台作优化的，包括jQuery Mobile(听说1.4版本会作一些优化) 结论：jQuery Mobile胜

yale8848 翻译于 2年前 0人顶   顶 翻译的不错哦!

第二组-UI和视觉映像 正如您所见，Sencha Touch和jQuery Mobile在UI视觉是有些区别的。一个是彻底的javascript驱动，而另外一个是用HTML驱动的。这两种方式均可以展现漂亮的UI，可是Sencha 的UI更像是用原生API开发的同样(在混合应用程式中)。很不幸，它两在复杂UI程式中表现的就很糟糕了，尤为是jQuery Mobile. Sencha Touch 在移动设备上，Sencha会比jQuery更加的流畅 Sencha遵循MVC哲学，它不会让你写任何HTML代码，一切基于javascript Sencha 提供更多的UI元素和组件，好比说旋转 Sencha支持SVG(可缩放矢量图形，译者注)，对于游戏来讲是个好事 Sencha Touch IDE是付费的，虽然这个和UI没有关系。 jQuery Mobile 于Sencha不一样，jQuery Mobile UI更像是web UI 要想展示jQuery Mobile UI只要在HTML中加入jQuery Mobile CSS便可，就像是jQuery UI框架的使用同样 使用Ajax会让有些开发者在页面特效处理方面感到困惑 使用CSS会让一些UI看起来很类似，要让UI表现的不同得额外花费时间来处理。好比说SongMeanings.com网站中的mobile内容。 与Sencha Touch不一样，jQuery Mobile得让你好好关心页面的构成，有时这是很麻烦的。全部都绑在了一块儿，这，时好时坏说不定。1.4版本也许会有所改善。 结论：Sencha Touch 胜

yale8848 翻译于 2年前 0人顶   顶 翻译的不错哦!

第三组-可用性，使用的难易 这是个彻底不一样的比较。jQuery Mobile是标记语言驱动，它是依赖于jQuery并很容易控制的。若是你喜欢MVC模式，那你就得选择Sencha Touch。固然这会带来付费的问题，至少这会让不喜欢用javascript的人不顺心的。最后，咱这组比较就是比较使用的难易的。 Sencha Touch 全都是javascript，新手会有些迷惑 很难debug 不容易上手 jQuery Mobile 若是你和大多人同样喜欢jQuery，你也会喜欢jQuery Mobile的 语法简单 能够用Backbone.js或Knockout.js来弥补MVC设计方面的缺陷 支持不少不一样的主题，并且一切均可以用CSS来操做 任何IDE均可以开发 结论：jQuery Mobile胜

yale8848 翻译于 2年前 0人顶   顶 翻译的不错哦!

第四组-文档 再好的产品也会所以而被人们遗忘。它们两的文档都不错。Sencha Touch官方文档至关不错，jQuery Mobile文档的封面都是很漂亮的。可是，Sencha Touch的文档比jQuery Mobile的更好。 Sencha  Touch 比jQuery Moblie文档更好，并且不会让人困惑。 内容很少 官方支持可难免费，也不会涉及IDE jQuery Mobile 没达到Sencha Touch官方文档的水准 有博客，文章，论坛，Stackoverflow...等方式的支持 封面很漂亮 结论：Sencha Touch 胜

yale8848 翻译于 2年前 0人顶   顶 翻译的不错哦!

第五组-工具，插件，第三方支持 这个话题也是很重要的,好的开发工具和插件会让开发者更容易上手。 Sencha Touch 支持自家本地应用程序 支持主题包 IDE要付费 jQuery Mobile Phonegap是支持本地应用的开发包，用jQuery Mobile开发Phonegap会让人感到有些怪 支持主题包，但支持的不全面，由于一些核心的CSS元素不容易更改，好比说已经被激活的元素 支持大量第三方插件，与jQuery插件兼容 比Sencha Touch更容易扩展 结论：平局，jQuery Mobile略胜一筹

yale8848 翻译于 2年前 0人顶   顶 翻译的不错哦!

最终比较 jQuery Mobile 优势 易开发 不错的第三方支持，插件就是知识，知识就是力量 易调试 Stackoverflow 缺点 比Sencha Touch慢 APP几乎是一样的UI，若是你是个能忍的UI设计师，那你就能够接受这种呆滞的UI 官方文档缺乏一些东西，由于其在UI方面介绍的太多而欠缺在架构方面的介绍 使用场合 移动网站 简单的混合应用程序 代码例子 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <! DOCTYPE html> < html >      < head >          < title >jQM Complex Demo</ title >          < meta http-equiv = 'Content-Type' content = 'text/html; charset=utf-8' />          < meta name = "viewport" content = "width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; user-scalable=no; target-densityDpi=device-dpi" />          < link rel = "stylesheet" href = "http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />          <!--<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>-->          < script src = "http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js" ></ script >         </ head >      < body >          < div data-role = "page" id = "index" >              < div data-theme = "b" data-role = "header" >                  < h1 >Index page</ h1 >              </ div >                 < div data-role = "content" >                 </ div >          </ div >         </ body > </ html > Sencha Touch 优势 运行非很是流畅，有中像是原生API开发的同样 有MVC结构 文档很完美 缺点 对于缺少经验的开发者来讲过于复杂 第三方支持太少 因为只支持webkit，因此除过混合应用程序外，对于通常程序来讲做用不大 IDE和支持都得付费 使用场合 建议在复杂的混合应用程序，特别是要求看起来像是原生API开放的程序中使用 代码例子 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 new Ext.Application({      name:  'MyApp' ,         launch:  function () {          this .viewport =  new Ext.Panel({              fullscreen:  true ,                 id    :  'mainPanel' ,              layout:  'card' ,              items : [                  {                      html:  'Welcome to My App!'                  }              ]          });      } }); 它们两都是成熟的框架。jQuery Mobile 容易使用并且在大部分场合都能工做良好，可是若是你想优化优化混合移动应用程序，那你就选择Sencha Touch吧。 其它值得看看的HTML5移动应用框架: jQT(ex jqTouch) App Framework(ex jqMoby) Kendo UI Titanium App Accelerator