1. 首頁 > 生活 > >

h5主流前端app框架有哪些 h5和app開發

小知識h5和app開發



文章插圖
h5主流前端app框架有哪些 h5和app開發

文章插圖
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框架有哪些 h5和app開發】以上就是H5開發app用什么框架的詳細內容，更多請關注其它相關文章！