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用什么框架的详细内容，更多请关注其它相关文章！