10個Web移動開發JavaScript框架

發表於2011-08-22

注:本文轉載自open-open

這些輕量級框架使用HTML5和CSS3標準來幫助您快速開發跨平臺的Web移動應用和網站。

1. jQuery Mobile

jQuery Mobile這個框架能夠幫助你快速開發出支援多種移動裝置的Mobile應用使用者介面。它是當前最流行的移動開發框架。

jQuery Mobile不僅會給主流移動平臺帶來jQuery核心庫,而且會釋出一個完整統一的jQuery移動UI框架。雖然jQuery Mobile相對較新,但開發人員可以用jQuery Mobile為許多移動裝置(包括智慧手機和平板電腦)開發網站應用程式,RSS閱讀器等應用。

檢視jQuery Mobile實戰應用,可以在這裡看它的示例

假如你不熟悉jQuery,可以選擇 MooTools Mobile, 一個由MooTools核心開發人員Christoph Pojer開發的一個MooTools外掛。還有一個是Dojo Mobile, 這個利用了Dojo API來幫助開發人員快速構建一個用於移動平臺的應用。

2. Titanium Mobile

這是一個強大的,健壯的移動Web開發框架。能夠讓使用現有的HTML, CSS和JavaScript知識來為 iOS和Android平臺開發原生移動應用。

作為一個越來越大的移動Web框架,它擁有超過300個的APIs和活躍的開發者社群。你從這個社群中得到每一個開發人員的幫助。

Titanium Mobile支援原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能夠與移動裝置的攝像頭和本地檔案儲存系統相互動的特性。

3. The-M-Project

  The-M-Project是另外一個強大的JavaScript框架,它利用HTML5新的特性來更好和更簡便地開發移動應用。

這個框架遵循著名的MVC軟體架構模式。

它還支援離線,所以你的使用者可以在沒有連線網路的情況下繼續操作(當下次有連線的時候,再將資料同步到伺服器中)。提供優秀的文件(這個專案擁有一個引導新使用者入門的開發指南).

可以檢視The-M-Project提供的示例來對該專案有一個初目的瞭解。這些示例包括:ToDo App(待辦事專案應用) 和 KitchenSink (這個示例包括這個框架提供的所有UI元素)。

4. Jo

  Jo這個框架可用於開發那支援HTML5的移動裝置,如iOS, webOS, Android和Chrome OS等平臺。

它擁有標準,類原生的UI元素比如用於螢幕登入的Web表單控制元件,還有彈出小部件可用於在使用者點選介面時提供一些額外的資訊。

可以檢視其網站提供的示例頁面,它例子展示了在多種移動裝置平上的Jo應用情況。

5. xui.js

有時候你可能需要一個超輕量級的框架,只要擁有用於開發標準客戶端所需要的功能如:DOM操作,事件處理,Ajax和一些動畫效果。如果是這樣的話,這個框架剛好非常適合你。整個框架採用GZIP壓縮完之後只有4.2 KB。

6. EmbedJS

  EmbedJS是一個用於嵌入式裝置的JavaScript框架如:行動電話,TVs、tablets和so forth。

EmbedJS強大之處在於,它擁有專門為特定平臺和瀏覽器如iOS, Firefox, Android等提供相應的開發版本。這樣就能夠以最少的程式碼,為使用者提供最佳的體驗。而且假如你喜歡自己定製,可以利用其提供的EmbedJS Build tool工具實現。
EmbedJS基於Dojo實現,所以你如果熟悉Dojo API語法,那EmbedJS將是你最佳的選擇。

7. zepto.js

zepto.js是一個專為mobile WebKit瀏覽器(如:Safari和Chrome)而開發的一個JavaScript框架。

它標榜自己在其簡約的開發理念,能夠幫助開發人員簡單、快速地完成開發交付任務。更重要的是這個JS框架,是超輕量級的,只有5KB。
zepto.js的語法借鑑並且相容jQuery

8. DHTMLX Touch

DHTMLX Touch是一個免費的HTML5/JavaScript框架,專門為觸控式螢幕裝置而優化。為您帶來快速開發工藝精美的移動Web應用程式的能力。

DHTMLX Touch UI Designer是一個視覺化的編輯器用於構建移動使用者介面。它能夠幫您以最少的編碼構建一流的使用者介面。

在其主頁上提供一些示例可以展示DHTMLX Touch強大的使用者介面。包括一個menu app for the iPad (適用於開發餐廳應用) 和Book Shop (一個電子書店應用)。

9. Mobilize.js

Mobilize.js是一個開源的HTML5-JavaScript框架用於從任何現在有標準網站快速,簡便地構建移動網站。

這個框架其實就是將需要在移動裝置上顯示的部分頁面以jQuery Mobile的預設主題顯示,而不是實現一個全新完整的移動頁面。

Mobilize.js 可用於任意網站,但對於基於WordPress和Sphinx的網站不需要使用該框架轉換,因為已經有非常多的外掛可以使用。

對於WordPress使用者可以使用其提供的Mobilize.js WordPress plugin外掛。

10. ChocolateChip Mobile

ChocolateChip Mobile是一個移動Web應用開發JavaScript框架。它的語法類似於jQuery和Prototype。

與jQuery相似並不僅停留在語法上。比如可以像jQuery一樣通過繫結和定義事件處理。並擁有像 . css 和 . toggleClass 這樣的方法。

你可以從source code off GitHub獲得ChocolateChip Mobile的原始碼。

 

相關文章