html5应用程序开发框架包括： 1. jquery mobile； 2.引导程序； 3.离子； 4.移动端Angular用户界面； 5.英特尔XDK； 6. 钛合金加速器； 7.PhoneGap等。
本教程的运行环境：windows7系统，CSS3&&HTML5版本，戴尔G3笔记本。
HTML5移动开发十大移动APP开发框架
1.jquery移动框架
jQuery Mobile 是 jQuery 的移动和平板电脑版本。 除了将jQuery核心库引入主流联通平台外，jQuery Mobile还将发布完整、统一的jQuery联通UI框架。 支持全球主流联通平台。
2.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源码进行性能优化的。
3. 离子框架
Ionic 是一个强大的 HTML5 应用程序开发框架，可以帮助您使用 HTML、CSS 和 Javascript 等 Web 技术构建接近原生体验的联通应用程序。 Ionic 主要关注外观和体验，以及与应用程序的 UI 交互，特别适合基于 Hybird 模式的 HTML5 移动应用程序开发。
4.移动端Angular UI框架
Mobile Angular UI 是一个使用 bootstrap 3 和 AngularJS 的响应式移动开发 HTML5 框架。
Mobile Angular UI 的关键词是：
1.引导程序3
2.AngularJS
Bootstrap 3 Mobile 组件（例如开关、覆盖层和侧边栏）在 bootstrap 中不可用。
AngularJS 模块，例如 Angular-route、Angular-Touch 和 Angular-Animate
响应式媒体查询是将bootstrap视为一个单独的文件，您只需要包含您需要的内容即可。 Mobile Angular UIu 不包含任何 jQuery 依赖项，您所需要做的就是使用一些 AngularJS 指令创建友好的用户体验。
5.英特尔XDK框架
英特尔发布了其基于网络的编程工具的第一个版本，以帮助开发人员开发适用于 Android 和 iOS 的联通应用程序。 这款名为Intel XDK的免费软件实际上是Intel今年2月份竞标的AppMobi软件的重新打包版本，因此并不新鲜。 开发者可以使用该软件开发基于HTML5的应用程序并在中国联通设备中使用。
6. Appcelerator Titanium框架
Titanium是一个与手机平台无关的开发框架，用于开发具有本地应用效果的Web应用。 目前主要支持iPhone和Android手机。
提供的主要API包括：
7. Sencha Touch 框架
Sencha Touch 框架是世界上第一个基于 HTML5 的移动应用程序框架。 Sencha Touch 可以使您的 Web 应用程序看起来像本机应用程序。 美观的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3 WEB标准，完全兼容Android和Apple iOS设备。 提供丰富的WEB UI组件，可以快速开发运行在联通终端上的应用程序。
8.Kendo UI框架
Kendo UI 的每个方面都是从头开始构建的html5 app 框架，以提供强大的 JavaScript 应用程序性能。 Kendo UI 不是另一个 jQuery UI 克隆，它的每一个决定都是基于优化性能。 从执行速度明显快于 jQurey 模板的轻量级外部模板库，到优化的动画和具有 CSS3 硬件加速（如果可能）的高级虚拟化用户界面，Kendo UI 不遗余力地提供高性能的客户端 UI。
9.PhoneGap框架
说到跨平台开发工具，很多人首先会想到PhoneGap。 这样一个允许开发者使用HTML、JS、CSS开发跨平台移动应用的开源免费框架一直深受开发者的喜爱，从iOS、Android、BB10、Windows Phone到Amazon 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感觉也是我们的一个重要目标
MUI是在iOS平台的UI的基础上，补充了Android平台特有的一些UI控件。
流畅的体验
为了实现下拉刷新功能，大多数H5框架都使用div来模拟下拉回弹动画。 在高端安卓手机上，div动画经常出现卡顿的情况（尤其是图文列表的情况）； mui通过双webview解决div拖动流畅问题； 拖动时，拖动的不是一个div，而是一个完整的webview（子webview），并且反弹动画使用原生动画。
mui提供了两种侧滑导航实现：webview模式和div模式。 两种模式各有优缺点，适合不同的场景。 每种侧滑实现方式都有不同的侧滑动画效果，主要分为四类：
动画一：主界面已连接，菜单不动
动画2：主界面不动html5 app 框架，菜单相连
动画3：主界面和菜单同时连接
动画4：缩放侧滑（如手机QQ）
在移动应用中（尤其是iOS平台），很多操作菜单都是通过滑动触发的。 例如，在邮件界面，向左滑动显示“删除”按钮，点击即可删除邮件对话； 在邮件列表界面，向左滑动可删除，向右滑动可标记为“已读/未读”状态； mui的列表控件还支持滑动触发操作菜单功能，只需要按照特定格式组装DOM结构即可； 另外，滑动还支持风暴触发，开发者可以使用监听滑动风暴（slideleft/slideright），在完成操作前进行确认和提醒。
推荐学习：Html5视频教程
发表评论