開發(fā)者在創(chuàng)建web程序和Web移動(dòng)開發(fā)時(shí)應(yīng)該不斷的挑戰(zhàn)自我，開發(fā)新技術(shù)。如今，觸屏?xí)r代了終結(jié)了鼠標(biāo)，大多數(shù)便攜式應(yīng)用改變了傳統(tǒng)的臺(tái)式機(jī)產(chǎn)品。為了幫助您快速的構(gòu)建跨平臺(tái)的移動(dòng)應(yīng)用和網(wǎng)頁，本文收集了一些JavaScript框架。對(duì)此，你可以充分利用它。

移動(dòng)Web開發(fā)框架的主要特點(diǎn)：

優(yōu)化觸屏設(shè)備：觸屏設(shè)備代替了鼠標(biāo)，給用戶界面設(shè)計(jì)提供更多的挑戰(zhàn)。移動(dòng)Web開發(fā)框架給移動(dòng)設(shè)備平臺(tái)提供標(biāo)準(zhǔn)的UI元素和事件處理。

跨平臺(tái)：支持多個(gè)移動(dòng)設(shè)備平臺(tái)，比如iOS和Android等。

輕量級(jí)：由于目前帶寬的限制，降低文件重量的重點(diǎn)是放在移動(dòng)Web開發(fā)框架上 。

使用HTML5和CSS3的標(biāo)準(zhǔn)：大多數(shù)主流移動(dòng)設(shè)備的Web瀏覽器支持HTML5和CSS3。

文中的這些輕量級(jí)框架使用HTML5和CSS3標(biāo)準(zhǔn)來幫助您快速開發(fā)跨平臺(tái)的Web移動(dòng)應(yīng)用和網(wǎng)站。

1. jQuery Mobile[http://jquerymobile.com/]

jQuery Mobile這個(gè)框架能夠幫助你快速開發(fā)出支持多種移動(dòng)設(shè)備的Mobile應(yīng)用用戶界面。它是當(dāng)前最流行的移動(dòng)開發(fā)框架。

jQuery Mobile不僅會(huì)給主流移動(dòng)平臺(tái)帶來jQuery核心庫，而且會(huì)發(fā)布一個(gè)完整統(tǒng)一的jQuery移動(dòng)UI框架。雖然jQuery Mobile相對(duì)較新，但開發(fā)人員可以用jQuery Mobile為許多移動(dòng)設(shè)備（包括智能手機(jī)和平板電腦）開發(fā)網(wǎng)站應(yīng)用程序，RSS閱讀器等應(yīng)用。

查看jQuery Mobile實(shí)戰(zhàn)應(yīng)用，可以在這里看它的示例。

假如你不熟悉jQuery，可以選擇 MooTools Mobile,一個(gè)由MooTools核心開發(fā)人員Christoph Pojer開發(fā)的一個(gè)MooTools插件。還有一個(gè)是Dojo Mobile,這個(gè)利用了Dojo API來幫助開發(fā)人員快速構(gòu)建一個(gè)用于移動(dòng)平臺(tái)的應(yīng)用。

2. Titanium Mobile[http://www.appcelerator.com/products/titanium-mobile-application-development/]

這是一個(gè)強(qiáng)大的，健壯的移動(dòng)Web開發(fā)框架。能夠讓使用現(xiàn)有的HTML, CSS和JavaScript知識(shí)來為 iOS和Android平臺(tái)開發(fā)原生移動(dòng)應(yīng)用。

作為一個(gè)越來越大的移動(dòng)Web框架，它擁有超過300個(gè)的APIs和活躍的開發(fā)者社區(qū)。你從這個(gè)社區(qū)中得到每一個(gè)開發(fā)人員的幫助。

Titanium Mobile支持原生的iOS和Android UI元素如Table views, tabs, switches和popovers。它提供能夠與移動(dòng)設(shè)備的攝像頭和本地文件存儲(chǔ)系統(tǒng)相交互的特性。

3. The-M-Project[http://the-m-project.net/]

The-M-Project是另外一個(gè)強(qiáng)大的JavaScript框架，它利用HTML5新的特性來更好和更簡(jiǎn)便地開發(fā)移動(dòng)應(yīng)用。

這個(gè)框架遵循著名的MVC軟件架構(gòu)模式。

它還支持離線，所以你的用戶可以在沒有連接網(wǎng)絡(luò)的情況下繼續(xù)操作（當(dāng)下次有連線的時(shí)候，再將數(shù)據(jù)同步到服務(wù)器中）。提供優(yōu)秀的文檔(這個(gè)項(xiàng)目擁有一個(gè)引導(dǎo)新用戶入門的開發(fā)指南).

可以查看The-M-Project提供的示例來對(duì)該項(xiàng)目有一個(gè)初目的了解。這些示例包括：ToDo App（待辦事項(xiàng)目應(yīng)用） 和 KitchenSink (這個(gè)示例包括這個(gè)框架提供的所有UI元素)。

4. Jo[http://joapp.com/]

Jo這個(gè)框架可用于開發(fā)那支持HTML5的移動(dòng)設(shè)備，如iOS,webOS, Android和Chrome OS等平臺(tái)。

它擁有標(biāo)準(zhǔn)，類原生的UI元素比如用于屏幕登錄的Web表單控件，還有彈出小部件可用于在用戶點(diǎn)擊界面時(shí)提供一些額外的信息。

可以查看其網(wǎng)站提供的示例頁面，它例子展示了在多種移動(dòng)設(shè)備平上的Jo應(yīng)用情況。

5. xui.js[http://xuijs.com/]

有時(shí)候你可能需要一個(gè)超輕量級(jí)的框架，只要擁有用于開發(fā)標(biāo)準(zhǔn)客戶端所需要的功能如：DOM操作，事件處理，Ajax和一些動(dòng)畫效果。如果是這樣的話，這個(gè)框架剛好非常適合你。整個(gè)框架采用GZIP壓縮完之后只有4.2 KB。

6. EmbedJS [http://uxebu.github.com/embedjs/]

EmbedJS是一個(gè)用于嵌入式設(shè)備的JavaScript框架如：移動(dòng)電話，TVs、tablets和so forth。

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

EmbedJS基于Dojo實(shí)現(xiàn)，所以你如果熟悉Dojo API語法，那EmbedJS將是你最佳的選擇。

7. zepto.js [http://zeptojs.com/]

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

它標(biāo)榜自己在其簡(jiǎn)約的開發(fā)理念，能夠幫助開發(fā)人員簡(jiǎn)單、快速地完成開發(fā)交付任務(wù)。更重要的是這個(gè)JS框架，是超輕量級(jí)的，只有5KB。

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

8. DHTMLX Touch [http://dhtmlx.com/touch/]

DHTMLX Touch是一個(gè)免費(fèi)的HTML5/JavaScript框架，專門為觸摸屏設(shè)備而優(yōu)化。為您帶來快速開發(fā)工藝精美的移動(dòng)Web應(yīng)用程序的能力。

DHTMLX Touch UI Designer是一個(gè)可視化的編輯器用于構(gòu)建移動(dòng)用戶界面。它能夠幫您以最少的編碼構(gòu)建一流的用戶界面。

在其主頁上提供一些示例可以展示DHTMLX Touch強(qiáng)大的用戶界面。包括一個(gè)menu app for the iPad (適用于開發(fā)餐廳應(yīng)用)和Book Shop (一個(gè)電子書店應(yīng)用)。

9. Mobilize.js [http://mobilizejs.com/]

Mobilize.js是一個(gè)開源的HTML5-JavaScript框架用于從任何現(xiàn)在有標(biāo)準(zhǔn)網(wǎng)站快速，簡(jiǎn)便地構(gòu)建移動(dòng)網(wǎng)站。

這個(gè)框架其實(shí)就是將需要在移動(dòng)設(shè)備上顯示的部分頁面以jQuery Mobile的默認(rèn)主題顯示，而不是實(shí)現(xiàn)一個(gè)全新完整的移動(dòng)頁面。

Mobilize.js 可用于任意網(wǎng)站，但對(duì)于基于WordPress和Sphinx的網(wǎng)站不需要使用該框架轉(zhuǎn)換，因?yàn)橐呀?jīng)有非常多的插件可以使用。

對(duì)于WordPress用戶可以使用其提供的Mobilize.js WordPress plugin插件。

10. ChocolateChip Mobile [http://chocolatechipmobile.wordpress.com/]

ChocolateChip Mobile是一個(gè)移動(dòng)Web應(yīng)用開發(fā)JavaScript框架。它的語法類似于jQuery和Prototype。

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

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

注：本文轉(zhuǎn)載自網(wǎng)絡(luò)。