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