首頁 > web前端 > H5教程 > 主體

幾個很好用的HTML5行動開發框架

小云云
發布: 2017-11-23 09:07:05
原創
5064 人瀏覽過

隨著網路科技的發展HTML5越來越好,行動端的硬體也會越來越強,你仔細看一看你手機上的應用,很多應用已經悄悄的使用混合式開發了。有人說HTML5開發的很慢,其實不以為然,我們開發的時候需要用到很好的HTML5開發工具,照樣可以發展出很好的行動應用。目前已經有很多的框架可以幫助你開發跨平台的行動應用,在這篇文章中,我們只介紹最牛的7個。

IONIC

IONIC 是目前最具潛力的一款HTML5手機應用程式開發框架。透過SASS建立應用程序,它提供了許多UI元件來幫助開發者開發強大的應用。它使用JavaScript MVVM框架和 AngularJS來增強應用。提供資料的雙向綁定,使用它成為Web和行動開發者的共同選擇。即將發布的AngularJS 2.0將會專注於行動開發,相信IONIC一定會取得不錯的成就 。

IONIC的開發團隊將盡快開發出一種透過IONIC creator提供開發者快速創建IONIC應用程式的方式。我們很快就會看到一個支援拖曳功能的視覺化開發工具,幾分鐘內開發一個app將不再只是吹xx。

如果對IONIC有興趣,可以看一看本站的IONIC教學 。

Mobile Angular UI

Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的響應式行動開發HTML5框架。

Mobile Angular UI的關鍵字有:Bootstrap 3、AngularJS

Bootstrap 3 Mobile元件,像是switches, overlays和sidebars,這些都是bootstrap中沒有的。

AngularJS modules, 例如 angular-route, angular-touch 和 angular-animate

響應式媒體查詢是將bootstrap作為單獨的文件,你只需要包含你所需要的東西。 Mobile Angular UIu並不包含任何jQuery依賴,你需要做的只是透過一些AngularJS指令來創造友善的使用者體驗。

詳細了解可以看一看 the Mobile Angular UI demo page,上面有Mobile Angular UI的實踐,如果你想了解的更深入一些,我建議你讀一讀 getting started with Mobile Angular UI。

Intel XDK

Intel XDK 是Inter開發的跨平台開發工具,我們可以輕鬆的透過Intel XDK開發應用,你需要做的只是下載他們的應用程式開發工具,有Linux、Windows和Mac版,它還提供了許多開發框架,例如Twitter bootstrap, jQuery Mobile 和Topcoat.

相關的APP frameworks的開發使用教學:行動開發實戰:App frameworks開發支援行動裝置全螢幕滾動應用程式

在之前我寫過關於Intel XDK很詳細的教程,沒有看過的同學可以看一看:

#透過Intel XDK編寫跨平台app(一)

透過Intel XDK編寫跨平台app(二)

Appcelerator Titanium

Appcelerator's Titanium 不同於其它框架的是,它是一個開源的框架。

Titanium是混合式行動應用程式開發的一站式解決方案,你只需要下載 Titanium studio就可以解決所有的事情,Titanium SDK包含了許多手機平台的APIs和後端雲端服務。

Titanium使用 Alloy,Alloy是一個快速開發的手機應用MVC框架, 模組式開發可以大幅減小開發時間,提高程式碼重複使用。

Titanium studio 也提供了一些code模板。你可以熟悉一下這些模板,相關的教學也很快就會推出。

Sencha Touch

Sencha Touch 同樣也是HTML5手機應用程式跨平台開發框架,運行iOS/Android/Blackberry。它已經誕生很多年了,現在已經成為很常用的混合式程式開發框架。

Sencha Touch可以讓你的Web App看起來像Native App。美麗的使用者介面元件和豐富的資料管理,全部基於最新的HTML5和CSS3的 WEB標準,全面相容於Android和Apple iOS裝置。

以下是Sencha官方給出的幾點特性

基於最新的WEB標準 – HTML5,CSS3,JavaScript。整個庫在壓縮和gzip後大約80KB,透過禁用一些元件還會使它更小。

支援世界上最好的設備。 Beta版相容於Android和iOS,Android上的開發人員也可以使用一些專為Android客製化的主題。

增強的觸控事件。在touchstart、touchend等標準事件基礎上,增加了一組自訂事件資料集成,如tap、swipe、pinch、rotate等。

資料整合。提供了強大的資料包,透過Ajax、JSONp、YQL等方式綁定到元件模板,寫入本地離線儲存。

Kendo UI

Telerik’s Kendo UI 是一個強大的框架用於快速HTML5 UI開發。基於最新的HTML5、CSS3和JavaScript標準。

Kendo UI包含了開發現代JavaScript開發所需的所有一切,包括:強大的資料來源,通用的拖曳(Drag-and-Drop)功能,模板,和UI控制項。

PhoneGap

#

PhoneGap 恐怕是最老的一個框架了,相信很多人都已經聽說過甚至使用過它,但是PhoneGap是基於開源的 Cordova 商業版本。

第一段PhoneGap程式碼是在2008年8月的iPhoneDevCamp上寫成的。創建它的一個主要動力是基於一個幾乎每個單獨的iPhone開發新手都要面對的簡單事實:Objective-C是一個對Web開發人員來說非常陌生的環境,並且Web開發人員的數量遠遠多於Objective-C開發人員的數量。

問題是,是否有人可以開發一個框架,讓Web開發人員可以利用他們所有的HTML、CSS和JavaScript知識,而且仍舊可以同iPhone的重要本地應用程序(如攝像頭和通訊錄)交互呢?

就在那一年,PhoneGap獲得了獎項並開始支援Android平台,對人數不斷增長的行動開發人員變得越來越有用,這些人員需要在更多的平台上獲得程式碼支援。

大家可以到PhoneGap documentation官方文件開始對PhoneGap的學習。

在本篇文章中,我們分享了7個HTML5行動開發框架,並簡單的進行了介紹,相信很多人對HTML5開發產生了很濃厚的興趣,那麼不妨試試以上這幾款開發框架吧,希望能幫助你。

相關推薦:

PHP需要用到的一些開發工具

好用的前端開發工具推薦-WebStorm

h5開發工具哪個好?三款頂尖html5頁面製作工具使用評測

以上是幾個很好用的HTML5行動開發框架的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板