手機應用程式框架 - JQuery Mobile 與 Sencha Touch

手機應用程式框架


應用程式框架，顧名思義就是能幫我們快速完成頁面的大部位，如(定義表頭、表身、表尾)

我們只是專心在內容的修改上，以達到快速開發的目的。

我們拿兩個我個人覺得還不錯的框架來介紹：



JQuery Mobile framework - JQuery 團隊專為手機裝置開發的應用程式框架
http://jquerymobile.com/

Sencha Touch framework - 和ExtJS同一家公司出品也是專為手機裝置開發的應用程式框架
http://www.sencha.com/products/touch/

Sencha Touch架構：






















程式寫法：

實例：

JQuery Mobile架構：

範例：

總結：

n開發Mobile App可使用Phone Gap+ JQuery Mobile or Sencha Touch 

以JQuery Mobile和Sencha Touch來比較：

JQuery Mobile對一般網頁設計師來說比較友善

JQuery Mobile入門比較容易

Sencha Touch功能比較強大

Sencha Touch入門就相對的比較難一些(不熟JavaScript,沒用過ExtJS)

兩者各有其優缺點，可視個人使用習慣及需求做更改

因個人比較習慣JQuery Mobile(沒寫過ExtJS, 囧!!)所以後續再深入會以JQuery Mobile為主。


參考文獻：

• http://jquerymobile.com/ JQuery Mobile官網
• http://www.sencha.com/products/touch/ Sencha 官網