【mui+h5+开发原生APP,可以打包成安卓包和iOS包】
开发工具使用:HBbuilder X (内置了h5+runtime和云打包)
HBbuilder X下载地址: http://www.dcloud.io/
----------------------------------------------------------------
【MUI学习】
MUI学习网址: http://dev.dcloud.net.cn/mui/
MUI真机体验: http://dcloud.io/hellomui/ (可下载安装)
---------------------------------------------------------------
MUI快速构建页面:(3步搭好页面主框架)
1. 新建含mui的HTML文件
在Hbuilder中,新建HTML文件,选择”含mui的HTML“模板,可以快速生成mui页面模板,该模板默认处理了mui的js、css资源引用。
2.输入mheader
顶部标题栏是每个页面都必需的内容,在Hbuilder中输入mheader,可以快速生成顶部导航栏。
3.输入mbody
除顶部导航、底部选项卡两个控件之外,其它控件都建议放在.mui-content控件内,在Hbuilder中输入mbody,可快速生成包含.mui-content的代码块。
说明:输入m可自动查看需要选择的组件
--------------------------------------------------------------
MUI开发注意事项,快速脱离小白
mui开发注意事项: http://ask.dcloud.net.cn/article/122
mui适用场景说明: http://ask.dcloud.net.cn/article/113
mui如何实现页面间传值: http://ask.dcloud.net.cn/article/63
如何自定义mui控件样式: http://ask.dcloud.net.cn/article/87
mui如何增加自定义icon图标: http://ask.dcloud.net.cn/article/128
------------------------------------------------------------------
MUI使用文档:(‘代码块’中包含了mui各种代码的快捷生成)
http://dev.dcloud.net.cn/mui/snippet/
-----------------------------------------------------------------
【HBuilder开发APP】
HBuilder开发APP的多种方式:
http://dcloud.io/doc.html
------------------------------------------------------------------
HBuilder开发APP相关使用文档:
http://ask.dcloud.net.cn/docs/
-----------------------------------------------------------------
HBuilder开发APP,插件市场:
http://ext.dcloud.net.cn/
-----------------------------------------------------------------
Hbulder开发APP,成功案例
http://www.dcloud.io/case/#group-1
----------------------------------------------------------------
【HTML5+规范】
文档:http://www.html5plus.org/doc/h5p.html
----------------------------------------------------------------
【HTML5+补充学习】
网址:http://www.hcoder.net/