專門用于打造移動客戶端的JavaScript UI 框架
專門用于打造移動客戶端的JavaScript UI 框架-移動閱讀二維碼

jQuery Mobile

某種程度上說,jQuery Mobile就相當于移動應用版本的jQuery UI;它是一個掛件庫,用來將語義化的HTML標記語言轉化成無論UI樣式還是交互行為都更貼近移動設備原生風格的模式。

繼承了jQuery的優點,jQuery Mobile對A、B、C三個等級的移動瀏覽器保持了全面兼容。它推出的時間不長,但目標很明確——為盡量多的移動瀏覽器打造用戶體驗最棒的移動應用。雖然略重了些,但jQuery Mobile絕對是打造移動應用的最佳框架之一。

專門用于打造移動客戶端的JavaScript UI 框架

jQTouch

與jQuery Mobile類似,jQTouch同樣是一款將語義化HTML標記轉化為移動設備原生風格頁面視圖的掛件庫。這兩者之間的區別是,jQTouch是特別為A級WebKit內核的移動瀏覽器打造的。這意味著jQTouch可以使用WebKit內核瀏覽器的專有功能渲染頁面,相比于JM,所需的代碼更少。所以,當我手頭項目的目標用戶多數為WebKit內核瀏覽器使用者的時候,我會選擇jQTouch進行開發。

很快,jQTouch將支持Zepto,屆時,jQuery就不再是打造頁面視圖本身功能的唯一選項了。這個改變將會有效的減小文件尺寸,降低運算處理時的系統資源開銷。

專門用于打造移動客戶端的JavaScript UI 框架

Sencha Touch

Sencha Touch是一個基于ExtJS的全功能掛件庫。與jQTouch相同,Sencha Touch也是面向A級WebKit內核的移動瀏覽器的?;赟T打造的移動應用具有很強的健壯性,在UI方面的自適應性也很出色,例如,在平板電腦中,頁面視圖會切換至大屏幕規格,包括結構和元素的布局等。

與jQuery Mobile或jQTouch不同的是,Sencha Touch不是基于HTML標記語言的,開發者必須采用客戶端MVC風格直接書寫JS代碼,所以學習曲線略微陡峭。

Sencha Touch比較適合開發那些主要運行在WebKit內核移動瀏覽器里的中到大型的Web應用。

專門用于打造移動客戶端的JavaScript UI 框架

SproutCore

SproutCore同樣是一款開源JS框架,最初的目的是幫助Web開發人員創建運行在桌面瀏覽器中的Web應用。實際上,它的功能太強大了,以至于蘋果公司使用它來構建了最初版本的MobileMe.

不過,源于它桌面應用的初始需求,SproutCore在尺寸方面對于真正的移動化解決方案來說還是略大了些,至少我最后一次用到它的時候是這樣的情況。

專門用于打造移動客戶端的JavaScript UI 框架

本文鏈接:http://www.casaleticia.com/mobile-javascript-ui-framework.html
本文標簽: , , , ,