首頁>科技>

H5開發app經常用到的框架有:jquery mobile框架,bootstrap框架,ionic框架,Mobile Angular UI框架以及Sencha Touch框架等等。

今天給大家介紹一些常用的HTML5開發APP的框架,這幾款框架都是比較優秀的移動 Web 開發框架,能夠幫助開發者更加高效的開發移動Web應用。

【推薦教程:HTML5教程】

jquery mobile框架

jQuery Mobile是jQuery 在手機上和平板裝置上的版本。jQuery Mobile 不僅會給主流移動平臺帶來jQuery核心庫,而且會發佈一個完整統一的jQuery移動UI框架。支援全球主流的移動平臺。

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原始碼進行效能優化而來。

ionic框架

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

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指令建立友好的使用者體驗。

Sencha Touch框架

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

Kendo UI框架

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

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用什麼框架的詳細內容,更多請關注其它相關文章!

最新評論
  • 整治雙十一購物亂象,國家再次出手!該跟這些套路說再見了
  • ios13.2正式版深度評測,讓人崩潰的“殺後臺”?