基于HTML5移动app开发教程一
2016-07-09 22:42
330 查看
一 摘要
现在教大家创建第一个移动APP应用,在这里不需要大家对HTML相关知识特别熟练,只要大家能看懂html,js代码,就可以轻松创建一个基于HTML5 webAPP应用.二 整体效果
三 整个框架图
四 具体实现
1.页面引导图
第一步 manifest.json参数设置 如图:第二步 在index.html(这个文件相当于iOS中的app delegate.m)加上引导图代码
第三步 在 mui.plusReady加载的函数中去调用该方法
页面启动图差不多完成了.
2.导航实现
(注意:哪个页面需要导航就往哪个页面加上一句导航代码)
3.tabbar 设置
具体tabbar选项卡要实现什么功能,就在相对应的文件写代码就可以了.
五 结论
差不过,整个框架就完成了,非常简单,不过现在做HTML5开发出来的APP还是非常的卡,用在手机上.整个APP设计原理跟iOS,安卓开发都非常的像,学过iOS或安卓的人一看就会明白.相关文章推荐
- 最新Android WebView Websettings设置, Android WebView加载网页布局错乱, 在Android4.4新版本之后WebSettings新增设置。
- [置顶] xmlns:android作用以及自定义布局属性
- ListView的用法
- JPush,友盟,百度云,个推Push服务在送达率上的对比
- Android开发中一些常用的工具方法
- Android反编译工具和方法介绍
- Cocos2d-x Lua基本操作
- Android集成微信支付的出现-1等错误需要注意的要点
- Android 线程 基本用法介绍
- android studio使用ButterKnife 8.0.1报空指针错误以及点击事件无效的解决方法
- Android动画全面解析
- nagios
- 分析一下 Android 异步消息处理机制到底是如何工作的
- 获取Android Studio的SHA1
- iOS多线程技术-上
- 【自定义View系列】04--谈谈事件分发
- 精通iOS开发--第19章 Core Location 和 Map Kit 01 Capabilities 下 示例程序
- Android开发中图片的三级缓存
- 精通iOS开发--第19章 Core Location 和 Map Kit 上
- 微信分享jssdk config:invalid signature 签名错误