MUI+H5+开发APP学习资料

版权声明:本文为博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/NewAir1798/article/details/89521004

    
    【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/
    
    
 

展开阅读全文

没有更多推荐了,返回首页