使用html5开发移动端应用采用什么框架

随着使用智能手机的人越来越多，手机网站开发项目也成为一种潮流。可是您知道机网站开发框架有几种吗?

1. LungoJS

这个是被认为开发移动网站最好的HTML5开发框架，使用 HTML5/CSS3 和 JavaScript 技术。可帮助创建基于 iOS、 Android、 Blackberry 和 WebOS 平台的应用程序。该框架可利用当前移动设备的高级特性，可捕捉事件包括滑动、触屏、长按等。无需使用图片，全部采用向量声称。

Lungo.JS 无需服务器端支持，可帮助实现 HTML5 特性，包括 WebSQL、Geolocation、 History、 Device orientation 等等。这是一个完全可定制的框架，可用来创建应用、游戏等程序。

2.Kendo UI

Kendo UI是一个HTML5平台，开发者利用它可以开发新颖的、交互的移动应用程序和网站。该框架提供了大量的动画和丰富的拖拽功能、模板功能以及提供了将近10款客户端常用的数据绑定小部件，如图表、组合框以及常用表格。

3.Jo

该框架可以创建像本地一样的应用，并且兼容任何 *** 作系统，无论是Blackberry、iOS还是Android。并且提供许多HTML5小部件。使用它可以解决任何动画设计方面的问题。

4.Sencha Touch

Sencha Touch是第一个基于HTML5的移动应用框架，利用JavaScript、HTML5和CSS3来构建移动应用程序，该框架利用本地代理存储离线数据，具体使用HTML5来渲染视频和音频组件。

可以让你的Web App看起来就像本地应用程序一样。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的Web标准，全面兼容Android和Apple iOS设备。

5.52 Framework

52 Framework拥有16列的网格模板。该框架来自于CSS3样式里的新“Selection”、阴影、圆角以及有效的HTML5标记。该框架还提供了一些特殊的脚本和样式用于IE6。

6.LimeJS

LimeJS 是一个 JavaScript 游戏开发框架，用于快速构建运行于触屏设备和桌面浏览器的游戏。允许开发者创建基于 HTML5 的游戏，支持主流浏览器包括iOS。

7. G5 Framework

如果你想要快速实现Web开发，并且想要重用ant主题或应用程序或网站项目，那么G5 框架是您最好的选择，因为该框架旨在提升开发效率、减少代码。该框架采用特色的PHP激活类、SEO优化技术。除了G5自身所带的这些功能特性外，它还集成其他许多功能，例如Orbit Slider、CSS3 PIE、Reveal Modals、CSS3 Buttons和Tipsy Tooltips等。

8.jQuery Mobile

jQuery Mobile(jQueryMobile)是 jQuery在手机上和平板设备上的版本。jQuery Mobile 不仅会给主流移动平台带来jQuery核心库，而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。jQuery Mobile开发团队说：能开发这个项目，我们非常兴奋。移动Web太需要一个跨浏览器的框架，让开发人员开发出真正的移动Web网站。我们将尽全力去满足这样的需求。

9.Phone Gap

PhoneGap是一个开源的开发框架，使用HTML，CSS和JavaScript来构建跨平台的的移动应用程序。它使开发者能够利用iPhone，Android，Palm，Symbian，Blackberry，Windows Phone和Beda智能手机的核心功能——包括地理定位，加速，联系人，声音和振动等。

首先要明确思考H5开发的内容和推广方式，同时开发时也要注意一些技术问题。总结以下开发H5游戏时需要注意的几个问题的要点。1、使用多种宣传渠道上线推广的第一天是访问的顶峰，几天之后的数据呈平稳状态，访问量较低。为了保持热度，就需要扩展推送渠道。2、用户关注点用户喜欢的关注点要排在最前面，让用户看到。3、指导用户 *** 作H5小游戏开始前必须有 *** 作方法提示。游戏的 *** 作方法在策划时要选择大众比较常见的 *** 作方式。这种 *** 作方式通常是用户习惯的 *** 作方式，因此很容易上手和传播。4、页面层级简单与PC情况一样，用户接触率随着页面层级的加深而减小。在H5游戏中，用户首先进入主页，点击“开始游戏”即可进入游戏页面，经过性别选择和 *** 作提示后开始游戏。每个阶段的 *** 作都有一些用户流失。5、用户 *** 作习惯H5小游戏是以移动平台为基础，为移动平台开发和优化的游戏。在技能已经普及的情况下，滑动已经是移动端最基本的 *** 作习惯。因此，制作游戏时要尽量保持手机 *** 作习惯。6、避免输入行为过多的输入动作也会导致触感率损失，随着层级的加深，触感率就会降低，再加上输入行为，可能会发生断崖式流失。因此，输入行为最好放在二层，层级越高，接触率越高，对输入行为的抵触度也越低。7、动态元素的使用H5游戏在开始前会有一段动画，部分用户在动画过程中开始点击页面。动态元素更能在视觉诱导上吸引用户的注意力，因此在诱导或重要元素上添加动态效果要很多。但是有些照片虽然不是动态的，但也让人有点击的欲望。8、有行为触发的按钮要设计得足够显眼PC页面用户有点击左上角logo返回主页的习惯，手机页面的 *** 作习惯可能会受到logo设计的影响。根据几个专题发现，用户对简单的LOGO点击的欲望不大，但如果添加返回或其他标识的LOGO，点击率就会增加。9、内容大小注意限制一项海外数据调查显示如果用户在使用手机时遇到加载5秒以上的手机网站，74%的用户会离开，根据之前内部的网速测试结果显示，访问我们网页的手机平均网速仅仅只有93k/s，如果容忍时间为5秒，那么网站加起来就要控制在456k以内，建议首屏加载在456k以内其余的按需加载或延迟加载，添加loading可以获得更多加载时间。

---