H5開發APP常用的框架有哪些

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

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

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的性能，同時開發便捷性也較好。