JQuery mobile跟Sencha touch都是蠻完整的mobile web framework, 兩者各有擅長, 比較起來以開發的角度我比較喜歡JQuery所標榜的"Write less, Do more"的哲學下的架構, 而不喜歡Sencha touch把一堆html寫到code裡面去, 但Sencha touch又有比較好的UI look and feel
以tab panel為例,
Sencha touch:
這兩個作法大異其趣
Sencha 的HTML 內容
裡面除了script以外根本就是空的, UI的創建放在app.js(以這範例而言)裡如下:
https://gist.github.com/1301828.js?file=gistfile1
Tabs的內容在哪? items裡分別就是兩個tab, html直接以字串的形態寫在裡面, 老實說, 我覺得這很醜, 也容易出問題, 如果頁面的內容是相當複雜的, 這樣並不是很好
再看看jQuery Mobile的作法:
這份source code有點偷懶, 剪剪貼貼過來的, 不過其實就這麼一個html, 並不需要寫額外的javascript code, 乾淨多了
如果也可以用類似的寫法寫Sencha touch的UI似乎應該會比較好一點, 像是這樣寫:
做了個實驗, 剛寫下這段code把上面那段轉成跟第一個範例一樣的畫面:
https://gist.github.com/1301855.js?file=gistfile1
看來如果再多層包裝其實也不用醜醜的通通把UI hard code到js codes裡面去