1. 程式人生 > >開發人員不可不知的六大JavaScript框架 傳統網站網頁轉移動端方式

開發人員不可不知的六大JavaScript框架 傳統網站網頁轉移動端方式

在移動裝置全球流行的大趨勢下,越來越多的企業開始致力於構建一個在移動端進行優化的網站或應用程式,用於釋出和出售他們的產品。而這股在移動開發領域興起的熱潮離不開JavaScript。

從本質上講,JavaScript不僅幫助開發者解決了相似性問題,也輕而易舉的處理掉了網站開發的跨平臺問題。更重要的是,它讓不同裝置中的放大縮小、觸發響應、滾動等互動行為變得簡單。

Appcelerator-Titanium.jpg

這 個移動端的Web開發框架能夠讓你使用常用的Web技術(如HTML5、CSS3和JavaScript)來構建本地應用程式。目前,該框架可以用於構建 iOS和Android作業系統下的應用程式和移動端網站。在不久以後,這個框架將支援如Windows Phone等其它移動平臺的應用程式開發。

Titanium Mobile還支援整合其它的額外功能如Photo Album、Camera、Social APIs和Geolocation等。除此之外,它還支援幾個本地UI控制元件,如popovers、tabs等。

jquery-mobile.jpg

jQuery Mobile是所有想要進行移動開發的人員都可倚靠的JavaScript框架。這個框架能夠把HTML5語義標記轉化為觸發響應的格式。它擁有一個內建 的輕量級程式碼庫,可以讓你根據需求進行程式碼改進。此外,它非常靈活,主題化的設計對開發者很友好。另外,作為HTML5移動框架,jQuery Mobile還能夠對跨平臺的網站和應用開發提供幫助。

limejs.png

如果你只對遊戲開發感興趣並想要找到一個能滿足你需求的框架,那麼LimeJS會是你的不二選擇。這是一個有助於開發現代觸控裝置與桌面瀏覽器上本地化體驗遊戲的HTML5框架。

遊戲已經成為手機上的一個流行元素,這是一個利潤豐厚的娛樂產業,如果你想要擁抱遊戲開發行業,那麼請多關注LimeJS吧!

themproject.png

如 果你是Backbone.js的粉絲,那麼你會發現M Project這個JavaScript框架非常適合你的專案。這個框架利用新的HTML5特性,使得移動應用的開發任務簡單而快速。The M Project框架最好的地方是它遵循流行的MVC(Model View Controller)模式 。

The M Project框架的另一個偉大之處就是它可以讓你在沒有網路連線的情況下繼續工作,這是因為它擁有離線支援的特性。此外,它還自帶了令人印象深刻的文件(入門指南)。

mobilejs.gif

你 想要節省從頭開發一個手機網站所花費的時間麼?如果是這樣的話,Mobilize.js會是你的一個不錯選擇。這個JavaScript框架使用 JavaScript把現有的桌面網站轉化移動端網站,極大地減少了工作負擔。它可以檢測到使用者是否通過移動端瀏覽器訪問了你的網站,確保你的頁面無需在 伺服器上作任何改動的情況下保持流通。

它支援使用者使用常規的HTML5、jQuery Mobile和JS工具。和本文列舉的其它框架一樣,Mobilize.js也是一個開源軟體。

摘要:Mobilize.js是一個開源的HTML5-JavaScript框架用於從任何現在有標準網站快速,簡便地構建移動網站。 這個框架其實就是將需要在移動裝置上顯示的部分頁面以jQuery Mobile的預設主題顯示,而不是實現一個全新完整的移動頁面。

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

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

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


embedjs.jpg

這是用於開發嵌入式裝置(如手機、電視等)最好的JavaScript框架。它與我們所提及的其它框架的不同之處在於:只有它是專注於面向手機使用者,並根據其需求來部署程式碼,這節省了大量的開發時間——你可以編寫更少的程式碼來完成移動開發。