基于HTML5移动APP应用开发教程

《基于HTML5移动APP应用开发教程》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、基于HTML5移动APP应用开发教程之前有一些学员问小编：有没有基于HTML5移动app的开发教程或者文字分析？小编立即将问题反馈给我们的技术老师，技术老师也是先从网上看了-•大堆，觉得介绍也不是特别详细，所以自己就结合自己的经验和学习写了一篇文章,文章总共分为上下两部分，我们先來看看第一个！一摘要现在教大家创建第一个移动APP应用,在这里不需要大家对HTML相关知识特别熟练，只要犬家能看懂htmljs代码，就可以轻松创建一个基于HTML5webAPP应用.二整体效果美人如花iPhone6Plus-iPhone6Plus/iOS...三整个框架图四具体实现1•页面引导图第一

2、步manifest.json参数设置如图:mama第二步在index.html（这个文件相当于iOS中的appdelegate.m）加上引导图代码functionlaunchScreen()if(showGuide){//有值，说明已经显示过了，无裾显示;〃关闭splash页面；plus・navigator・vloseSplashscreen();plus.navigator・setFullsirGGn(*falsg);}else{//显示启动导航mui•openWindow({id:*guidurL:'template/guid・html'，show:{ardShow:

3、*none*waiting:{autoShow:false}})；}}第三步在mui.plusReady加载的函数小去调用该方法//创建子页面，首个选项卡页面显示，其它均隐藏;mui・plusReady(/unction(){已启动就马上调用启动图页面启动图差不多完成了.2•导航实现导航栏

4、ader>(注意:哪个页面需要导航就往哪个页面加上一句导航代码)3.tabbar设置cnavclass=nmui-barmui-bar-tab”〉首页

5、ui-iconmui-icon-email,,xspanclass=llmui-badgeM>5消息通讯录

6、ll*>设置具体tabbar选项卡要实现什么功能，就在相对应的文件写代码就可以了.五结论差不过，整个框架就完成了，非常简单，不过现在做HTML5开发出来的APP还是非常的卡，用在手机上•整个APP设计原理跟iOS,安卓开发都非常的像，学过iOS或安卓的人一看就会明口。