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

H5開發app可以使用什麼框架

清浅
發布: 2020-09-15 13:15:07
原創
14061 人瀏覽過

H5開發app可以使用jquery mobile框架、bootstrap框架、ionic框架、Mobile Angular UI框架、Sencha Touch框架等。

H5開發app可以使用什麼框架

【推薦教學:#HTML5教學##】

1、jquery mobile框架

jQuery Mobile是jQuery 在手機上和平板裝置上的版本。 jQuery Mobile 不僅會為主流行動平台帶來jQuery核心函式庫,還會發佈一個完整統一的jQuery行動UI框架。支援全球主流的行動平台。

H5開發app可以使用什麼框架

2、bootstrap框架

Bootstrap 是基於HTML、CSS、JAVASCRIPT 的,它簡潔靈活,使得Web 開發更加快捷。它是由Twitter的設計師Mark Otto和Jacob Thornton合作開發,是一個CSS/HTML框架。 Bootstrap提供了優雅的HTML和CSS規範,它也就是由動態CSS語言Less寫成。 Bootstrap一推出後頗受歡迎,一直是GitHub上的熱門開源項目,包括NASA的MSNBC(微軟全國廣播公司)的Breaking News都使用了該項目。國內一些行動開發者較為熟悉的框架,如WeX5前端開源框架等,也是基於Bootstrap原始碼進行效能優化而來。

H5開發app可以使用什麼框架

3、ionic框架

#Ionic 是一個強大的HTML5 應用程式開發框架,可以幫助您使用Web 技術,例如HTML、CSS 和Javascript 建立接近原生體驗的行動應用程式。 Ionic 主要專注於外觀和體驗,以及和你的應用程式的 UI 交互,特別適合用於基於 Hybird 模式的 HTML5 行動應用程式開發。

H5開發app可以使用什麼框架

4、Mobile Angular UI框架

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

Mobile Angular UI的關鍵字有:

1. Bootstrap 3

2. AngularJS

Bootstrap 3 Mobile元件,如switches, overlays和sidebars ,這些都是bootstrap中沒有的。 AngularJS modules, 例如 angular-route, angular-touch 和 angular-animate

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

H5開發app可以使用什麼框架

5、Sencha Touch框架

#Sencha Touch框架是世界上第一個基於HTML5的Mobile App框架。 Sencha Touch可以讓你的Web App看起來像Native App。美麗的使用者介面元件和豐富的資料管理,全部基於最新的HTML5和CSS3的 WEB標準,全面相容於Android和Apple iOS裝置。提供了豐富的 WEB UI 元件,可以快速的開發出運行於行動終端的應用程式。

H5開發app可以使用什麼框架

6、Kendo UI框架

Kendo UI的每個方面都從底層開始構建,以提供強大的JavaScript應用程序性能。 Kendo UI不是另一個jQuery UI的克隆,它的每一個決定都是從最佳化效能出發。從輕量級的、執行明顯快於jQurey模板的內建模板庫,到利用CSS3硬體加速的(如果可能)優化動畫 和先進的虛擬化用戶界面,Kendo UI不遺餘力地提供高性能的客戶端UI。

H5開發app可以使用什麼框架

7、PhoneGap框架

說到跨平台開發工具,很多人會先想到PhoneGap。這樣一款能讓開發者使用HTML、JS、CSS來開發跨平台行動App的開源免費框架,一直以來都深受開發者喜愛,從iOS、Android、BB10、Windows Phone到Amazon Fire OS、Tizen等,各大主流行動平台一應俱全,也能讓開發者充分利用地理位置、加速器、聯絡人、聲音等手機核心功能。

業界許多主流的行動開發架構皆源自於PhoneGap。較著名的有Worklight、appMobi、WeX5等。其中WeX5為國內打造,完全Apache開源,在融合Phonegap的基礎上,做了深度優化,具備接近Native app的效能,同時開發便利性也較好。

H5開發app可以使用什麼框架

總結:以上就是這篇文章的全部內容了,希望對大家有幫助。

以上是H5開發app可以使用什麼框架的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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