10個頂級Web移動開發JavaScript框架

碼頭工人 13年前發布 | 187K 次閱讀 JavaScript

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

為了方便大家以后查找本站做了一個移動開發框架的列表
http://www.baiduhome.net/ajax/Mobile_Framework.htm10個頂級Web移動開發JavaScript框架

1. jQuery Mobile

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

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

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

這個框架遵循著名的MVC軟件架構模式。
它還支持離線,所以你的用戶可以在沒有連接網絡的情況下繼續操作(當下次有連線的時候,再將數據同步到服務器中)。提供優秀的文檔(這個項目擁有一個引導新用戶入門的開發指南).

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

4. Jo

Jo

Jo這個框架可用于開發那支持HTML5的移動設備,如iOS, webOS, Android和Chrome OS等平臺。

它擁有標準,類原生的UI元素比如用于屏幕登錄的Web表單控件,還有彈出小部件可用于在用戶點擊界面時提供一些額外的信息。

可以查看其網站提供的示例頁面,它例子展示了在多種移動設備平上的Jo應用情況。

5. xui.js

xui.js

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

6. EmbedJS

EmbedJS

EmbedJS是一個用于嵌入式設備的JavaScript框架如:移動電話,TVs、tablets和so forth。

EmbedJS強大之處在于,它擁有專門為特定平臺和瀏覽器如iOS, Firefox, Android等提供相應的開發版本。這樣就能夠以最少的代碼,為用戶提供最佳的體驗。而且假如你喜歡自己定制,可以利用其提供的EmbedJS Build tool工具實現。

EmbedJS基于Dojo實現,所以你如果熟悉Dojo API語法,那EmbedJS將是你最佳的選擇。

7. zepto.js

zepto.js

zepto.js是一個專為mobile WebKit瀏覽器(如:Safari和Chrome)而開發的一個JavaScript框架。
它標榜自己在其簡約的開發理念,能夠幫助開發人員簡單、快速地完成開發交付任務。更重要的是這個JS框架,是超輕量級的,只有5KB。

zepto.js的語法借鑒并且兼容jQuery

8. DHTMLX Touch

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

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

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

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

對于WordPress用戶可以使用其提供的Mobilize.js WordPress plugin插件。
這個本站之前也有介紹過可以看這里

10. ChocolateChip Mobile

ChocolateChip Mobile

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

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

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


原文: http://sixrevisions.com/javascript/mobile%C2%A0web-development-frameworks/

 本文由用戶 碼頭工人 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!