7個HTML5移動開發框架,初學HTML5必看

千鋒武漢發表於2021-12-08

目前已經有很多的框架可以幫助你開發跨平臺的移動應用,在這篇文章中,小千只介紹最牛的7個HTML5移動開發框架,初學HTML5的你一定要看喲。

7個HTML5移動開發框架,初學HTML5必看

1、IONIC

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

IONIC的開發團隊將盡快開發出一種透過IONIC creator提供開發者快速建立IONIC應用的方式。我們將很快就會看到一個支援拖拉功能的視覺化開發工具,幾分鐘內開發一個app將成為可能。

2、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。

3、Intel XDK

Intel XDK 是Inter開發的一款跨平臺開發工具,我們可以很容易的透過Intel XDK開發應用,你需要做的只是下載他們的應用開發工具,有Linux、Windows和Mac版,它還提供了很多個開發框架,比如Twitter bootstrap, jQuery Mobile和Topcoat。

4、AppceleratorTitanium

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

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

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

Titanium studio 還提供了一些code模板。

5、 Sencha Touch

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

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

6、Kendo UI

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

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

7、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的學習。

想了解更多HTML5技術知識,歡迎關注小千,後期會繼續分享HTML5技術知識!

本文來自千鋒教育,轉載請註明出處。


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/31548651/viewspace-2846410/,如需轉載,請註明出處,否則將追究法律責任。

相關文章