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

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

這些輕量級框架使用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的源碼。

 

(轉自:伯樂在線)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章