ht ML 5 app 开发框架 有：1、 jq uery mobile ；2、bootstrap；3、ionic；4、Mobile Angular UI；5、 Intel XDK；6、Appcelerator T IT anium；7、PhoneGap 等等 。
本教程操作环境：windows7系统、CSS3 && HTML5版、Dell G3 电 脑。
HTML5移动开发的10大移动APP开发框架
jquery mobile框架
bootstrap框架
ionic框架
Mobile Angular ui框架
Intel XDK框架
Appcelerator Titanium框架
Sencha Touch框架
Kendo UI框架
PhoneGap框架
mui框架
1.jquery mobile框架
jQuery Mobile 是 jQuery 在手机上和平板设备上的版本。 jQuery Mobile 不仅会给主流移动平台带来 jQuery 核心库，而且会发布一个完整 统一 的 jQuery 移动 UI 框架。支持全球主流的移动平台。
2.bootstrap框架
Bootstrap 是基于 HTML 、 CSS 、 JAVASCRIPT 的，它简洁灵活，使得 Web 开发更加快捷。它由 Twitter 的设计师 Mark Otto 和 Jacob Thornton 合作开发，是一个 CSS/HTML 框架。 Bootstrap 提供了优雅的 HTML 和 CSS 规范，它即是由动态 CSS 语言 Less 写成。 Bootstrap 一经推出后颇受欢迎，一直是 GitH ub 上的 热门 开 源 项目，包括 NASA 的 msn BC ( 微软 全国广播 公司 )的 br eaking News 都使用了该项目。 国内一些移动 开发者 较为熟悉的框架，如 WeX5 前端开源框架等，也是基于 Bootstrap 源码进行性能优化而来。
3.ionic框架
Ionic 是一个强大的 HTML5 应用程序开发框架，可以帮助您使用 Web 技 术 ，比如 HTML 、 CSS 和 Javascript 构建接近原生体验的移动应用程序。 Ionic 主要关注 外观 和体验，以及和你的应用程序的 UI 交互，特别适合用于基于 Hybird 模式的 HTML5 移动应用程序开发。
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 -t ouch 和 angular-ani MATE
响应式 媒体查询 是将 bootstrap 作为单独的文件，你只需要包含你所需要的东西。 Mobile Angular UIu 并不包含任何 jQuery 依赖，你需要做的只是通过一些 AngularJS 指令创建友好的用户体验。
5.Intel XDK框架
Intel 发布了其首个版本基于 web 的编程工具，可帮助开发者为 And ROI d 和 iOS 开发移动应用。这款免费的软件名为 Intel XDK ，实际上这是今年2月份 Intel 收购的 AppMobi 软件的重新包装后的版本，所以并非新鲜事物。开发者可用此软件开发基于 HTML5 的应用，并用于移动设备中。
6.Appcelerator Titanium框架
Titanium 是一个跟手机平台无关的开发框架，用来开发具有本地应用效果的 Web 应用。当前主要支持 iPhone 和 Android 手机。
主要提供的API包括：
2D/3D animations
Geo-location, compass , and maps
Augmented reality features
Social app authentication and native client support for em ai l
SOA P or REST API calls
Audio, video, and image capture and play back
Taps into local file Sys tem and SQL lite databases
Accesses photo gallery or address data
7.Sencha Touch框架
Sencha Touch 框架是世界上第一个基于 HTML5 的 Mobile App 框架。 Sencha Touch 可以让你的 Web App 看起来像 Native App 。美丽的用户界面组件和丰富的数据管理，全部基于最新的 HTML5 和 CSS3 的 WEB 标准，全面兼容 Android 和 Apple iOS 设备。提供了丰富的 WEB UI 组件，可以快速的开发出运行于移动终端的应用程序。
8.Kendo UI框架
Kendo UI 的每个方面都从底层 开始 构建，以提供强大的 JavaScript 应用程序性能。 Kendo UI 不是另一个 jQuery UI 的克隆，它的每一个决定都是从优化性能出发。从轻量级的、执行明显快于 jQurey 模板的内置模板库，到 利用 CSS3 硬件 加速的(如果可能)优化动画 和先进的 虚拟化 用户界面， Kendo UI 不遗余力地提供高性能的客户端UI。
9.PhoneGap框架
说到跨平台 开发工具 ，很多人首先会想到 PhoneGap 。这样一款能够让开发者使用 HTML 、 JS 、 CSS 来开发跨平台移动App的开源免费框架，一直以来都深受开发者喜爱，从 iOS 、 Android 、 BB10 、 Windows Phone 到 am azon Fire OS 、 Tizen 等，各大主流移动平台一应俱全，还能让开发者充分利用地理位置、加速器、联系人、 声音 等手机核心功能。
业界很多主流的移动开发框架均源于 PhoneGap 。较著名的有 Worklight 、 appMobi 、 WeX5 等。其中 WeX5 为国内 打造 ，完全 apache 开源，在融合 Phonegap 的基础上，做了深度优化， 具备 接近 Native app 的性能，同时开发便捷性也较好。
10.mui框架
最接近原生 APP 体验的高性能 前端框架 ，具有以下特点：
轻量
追求性能体验，是我们开始启动 MUI 项目的首要目标，轻量必然是 重要 特征;
MUI 不依赖任何第三方 JS 库，压缩后的 JS 和 CSS 文件仅有 100+K 和 60+K
原生UI
鉴于之前的很多前端框架（特别是响应式布局的框架）， UI 控件看起来太像网页，没有原生感觉，因此追求原生 UI 感觉也是我们的重要目标
MUI以iOS 平台UI为基础，补充部分 Android 平台特有的 UI 控件
流畅体验
拉刷新
为实现 下拉刷新 功能，大多 H5 框架都是通过 div 模拟下拉回弹动画，在低端 android 手机上， div 动画经常出现卡顿现象（特别是图文列表的情况）; mui 通过双 webview 解决这个 div 的拖动流畅度问题；拖动时，拖动的不是 div ，而是一个完整的 webview (子 webview )，回弹动画使用原生动画。
侧滑导航
mui 提供了两种侧滑导航实现： webview 模式和 div 模式，两种模式各有优劣，适用于不同的场景。每种侧滑实现模式，有不同的侧滑动画效果，主要分为四类：
动画1：主界面移动、菜单不动
动画2：主界面不动、菜单移动
动画3：主界面和菜单同时移动
动画4：缩放式侧滑(类手机 QQ )
滑动触发操作菜单
在手机应用中(特别是 iOS 平台)，很多操作菜单都是滑动触发的，比如短信界面，左滑显示“删除”按钮，点击可以删除该短信 对话 ；邮件列表界面，左滑可以删除，右滑可以标注为”已读/未读”状态； mui 的列表控件也支持滑动触发操作菜单功能，仅需按照特定格式拼装 DOM 结构即可；另外，滑动还支持事件触发，开发者可以通过监听滑动事件( slideleft/slideright )，完成操作前的确认提醒工作。
推荐学习： HTML5视频 教程
以上就是html5 app开发框架有 哪些 的详细内容，更多请关注其它相关 文章 ！
总结
以上是 为你收集整理的 html5 app开发框架有哪些 全部内容，希望文章能够帮你解决 html5 app开发框架有哪些 所遇到的问题。
如果觉得 网站内容还不错， 推荐好友。
查看更多关于html5 app开发框架有哪些的详细内容...