標籤：
一、JqueryMobile 介紹
jQuery Mobile 是 jQuery 在手機上和平板裝置上的版本。
jQuery Mobile 不僅會給主流移動平台帶來 jQuery 核心庫，而且會發布一個完整統一的 jQuery 移動 使用者介面架構。
支援全球主流的移動平台。此架構簡單 易用。頁面開發主要使用標記，無需或僅需很少 JavaScript。 此架構簡單易用。頁面開發主要使用標記，無需或僅需很少 JavaScript。
二、SenchaTouch 介紹
前不久基於 JavaScript 編寫的 Ajax 架構 ExtJS,將現有的 ExtJS 整合 JQTouch、Raphaël 庫，推 出適用於最前沿 Touch Web 的 Sencha Touch 架構，該架構是世界上第一個基於 HTML5 的 Mobile App 架構。
同時，ExtJS 更名為 Sencha，JQTouch 的創始人 David Kaneda，以及 Raphaël 的創始人也已加盟 Sencha 團隊
三、JqueryMobile SenchaTouch 對比
很多人問我Sencha Touch (百度百科Sencha Touch譯者加) 和jQuery Mobile哪個更好。事實上，它兩的區別就像是Web後台編程，PHP和Java。它們都能完成同樣的功能，但其實它們是為不同的目的而創造的。Sencha Touch基於web-kit瀏覽器並做了最佳化，而jQuery Mobile適用於一般瀏覽器。因為Sencha Touch做了最佳化，很多人覺得它比jQuery Mobile更棒。混合行動裝置 App(類似用用Webview編程，譯者注)會讓Sencha Touch熠熠生輝，它會讓行動裝置 App非常流暢就像是用原生API開發的一樣。但jQuery Mobile也會在不同的地方發光發彩的。與Sencha Touch只支援web-kit不同，jQuery Mobile在支援HTML5的瀏覽器工作的也是相當的漂亮。無論你是使用Windows，MAC OS，Android或是iOS系統，jQuery Mobile都能吸引你的眼球。Sencha Touch vs jQuery Mobile下面我將以我個人經驗來談談它們的不同，這也許不會很客觀。就個人而言我不會偏袒任何一方，下面的章節經按組進行比較，每組都有勝者。第一組-行銷和平台支援Sencha Touch和jQuery Mobile都以HTML5架構著稱。jQuery Mobile謙虛的說自己只是內建於所有流行的行動裝置平台，而Sencha Touch則說自己是唯一能讓為開發人員在iOS，Android，BlachBerry，Windows Phone等更多的OS上開發漂亮應用的架構。老實說，這種誇大其詞的廣告讓我失望。我還沒有發現它說的那樣好，Sencha Touch只能孤芳自賞了。只支援web kit核心瀏覽器(據說這會在未來有所變化)大家知道的，有很多行動裝置 App架構比Sencha Touch好jQuery Mobile很多架構都不會為某一特定的平台做最佳化的，包括jQuery Mobile(據說1.4版本會做一些最佳化)結論：jQuery Mobile勝第二組-UI和視覺映像正如您所見，Sencha Touch和jQuery Mobile在UI視覺是有些區別的。一個是完全的javascript驅動，而另一個是用HTML驅動的。這兩種方式都可以展示漂亮的UI，但是Sencha 的UI更像是用原生API開發的一樣(在混合應用程式中)。很不幸，它兩在複雜UI程式中表現的就很糟糕了，尤其是jQuery Mobile.Sencha Touch在行動裝置上，Sencha會比jQuery更加的流暢Sencha遵循MVC哲學，它不會讓你寫任何HTML代碼，一切基於javascriptSencha 提供更多的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 勝第三組-可用性，使用的難易這是個完全不同的比較。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勝第四組-文檔再好的產品也會因此而被人們遺忘。它們兩的文檔都不錯。Sencha Touch官方文檔相當不錯，jQuery Mobile文檔的封面都是很漂亮的。但是，Sencha Touch的文檔比jQuery Mobile的更好。Sencha Touch比jQuery Moblie文檔更好，而且不會讓人困惑。內容不多官方支援可不免費，也不會涉及IDEjQuery Mobile沒達到Sencha Touch官方文檔的水準有部落格，文章，論壇，Stackoverflow...等方式的支援封面很漂亮結論：Sencha Touch 勝第五組-工具，外掛程式，第三方支援這個話題也是很重要的,好的開發工具和外掛程式會讓開發人員更容易上手。Sencha Touch支援自家本地應用程式支援主題包IDE要付費jQuery MobilePhonegap是支援本地應用的開發包，用jQuery Mobile開發Phonegap會讓人感到有些怪支援主題包，但支援的不全面，因為一些核心的CSS元素不容易更改，比如說已經被啟用的元素支援大量第三方外掛程式，與jQuery外掛程式相容比Sencha Touch更容易擴充結論：平局，jQuery Mobile略勝一籌最終比較jQuery Mobile優點易開發不錯的第三方支援，外掛程式就是知識，知識就是力量易調試Stackoverflow缺點比Sencha Touch慢APP幾乎是同樣的UI，如果你是個能忍的UI設計師，那你就可以接受這種獃滯的UI官方文檔缺少一些東西，因為其在UI方面介紹的太多而欠缺在架構方面的介紹使用場合移動網站簡單的混合應用程式代碼例子01 02 <html>03 <head>04 <title>jQM Complex Demotitle>05 <meta http-equiv=‘Content-Type‘ content=‘text/html; charset=utf-8‘/>06 <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"/>07 <link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" />08 09 <script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js">script> 10 head>11 <body>12 <div data-role="page" id="index">13 <div data-theme="b" data-role="header">14 <h1>Index pageh1>15 div>16 17 <div data-role="content">18 19 div>20 div> 21 body>22 html>Sencha Touch優點運行非非常流暢，有中像是原生API開發的一樣有MVC結構文檔很完美缺點對於缺乏經驗的開發人員來說過於複雜第三方支援太少由於只支援webkit，所以除過混合應用程式外，對於一般程式來說作用不大IDE和支援都得付費使用場合建議在複雜的混合應用程式，特別是要求看起來像是原生API開放的程式中使用代碼例子01 new Ext.Application({02 name: ‘MyApp‘,03 04 launch: function() {05 this.viewport = new Ext.Panel({06 fullscreen: true,07 08 id : ‘mainPanel‘,09 layout: ‘card‘,10 items : [11 {12 html: ‘Welcome to My App!‘13 }14 ]15 });16 }17 });它們兩都是成熟的架構。jQuery Mobile 容易使用而且在大部分場合都能工作良好，但是如果你想最佳化最佳化混合行動裝置 App程式，那你就選擇Sencha Touch吧。
Html5 行動裝置 App軟體開發架構 JqueryMobile SenchaTouch 介紹
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
