• H5开发APP入门


    一、MUI

      MUI是一个最接近原生APP体验的高性能前端框架。我们用它来排版布局。

      官方网站:http://dev.dcloud.net.cn/mui/

    二、HTML5PLUS

      html5+是HBulider利用自己的IDE结合不同平台的接口再加上html5的东西开发出来的一套框架,它有自己的使用规范,它允许和提供了一些接口和函数来让web开发者实现原声app所能实现的功能,Dcloud(开发hublider的公司,官网:http://www.dcloud.io/)还在HBuilder提供了云打包功能,几乎是打包发布,帮那些不熟悉原生开发的开发人员节省了很多时间

      H5+规范的官方网站:http://www.html5plus.org/doc/h5p.html

    三、APP开发准备工作

      开发前,先安装两个软件:夜神模拟器(安卓模拟器的一种)和HBuilder。

    1、准备工作:
      打开
    HBuilder软件,选择"文件" --> "新建" --> "移动app",如下图:

      填写项目名称等参数,如下图:

      完成生成项目,目录如下图:

      点击HBuilder菜单的工具 --> 选项,如下图:

      填写夜神模拟器的端口(若62001不行,可尝试52001),如下图:

      打开夜神模拟器,在HBuilder中运行项目MuiDemo,如下图:

      运行后HBuilder控制台如下图:

      此时,在夜神模拟器中出现 "HBuilder",如下图:

      双击打开,如下图:

      至此,我们已经了解了一个APP从新建到运行的过程。

      注意:条件允许的情况下,你也可以直接使用真机调试,即接入手机而替代夜神模拟器。

    2、尝试开发一个APP的页面

      按照上述步骤新建一个项目,注意,模板选择"mui项目",而不再是"Hello mui"。

      参考MUI文档:http://dev.dcloud.net.cn/mui/ui/

       完成后如下图:

  • 相关阅读:
    BZOJ 2199 [Usaco2011 Jan]奶牛议会
    BZOJ 2621 [Usaco2012 Mar]Cows in a Skyscraper
    BZOJ 2272 [Usaco2011 Feb]Cowlphabet
    BZOJ 2580 [Usaco2012 Jan]Video Game
    BZOJ 2099 [Usaco2010 Dec]Letter 恐吓信
    maxcontent css 采用内部元素宽度值最大的那个元素
    JSON.parse()
    uniapp去除顶部标题样式
    logminer的使用
    tmpfs文件系统
  • 原文地址:https://www.cnblogs.com/li-li/p/10284195.html
Copyright © 2020-2023  润新知