【学习笔记】HBuilder初学，简单结构体

最新推荐文章于 2024-06-16 11:33:17 发布

create_jeff

最新推荐文章于 2024-06-16 11:33:17 发布

阅读量4.7k

点赞数 2

分类专栏： HBuilder 文章标签： HBuilder 产品学习技术对象

本文链接：https://blog.csdn.net/create_jeff/article/details/50472064

版权

最近在研究HBuilder的用法，在看到官方网站的介绍和文档后感觉很懵，文档中并不是由浅入深的方式带着新人通过一些常用示例来入门，一步一步循序渐进的让用户了解产品，使用产品，而是直接就列出了各种模块的方法、对象、权限等等，让我这个从技术出身而又转型做产品的人一头雾水，在学习的过程中总结出一些小心得和大家分享，共同探讨

工具在这里就不介绍了，一般敲代码的装上用了就很容易上手

说说移动端开发的代码基本结构

先新建一个移动APP项目，选择mui项目，仅包括基本的css、js、字体等够用的模板就行了，生成的项目文件是这些

这里写图片描述

index.html默认是主入口页面，当然在manifest.json的配置文件中可以修改页面入口文件名

打开index.html看看

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title></title>
    <script src="js/mui.min.js"></script>
    <link href="css/mui.min.css" rel="stylesheet"/>
    <script type="text/javascript" charset="utf-8">
        mui.init();
    </script>
</head>
<body>

</body>
</html>

基本代码就这些，看着和普通的HTML没什么区别，主要就是增加了mui框架，那既然是移动APP项目，那么一定有相应的结构，那直接说干货

在<body></body>之间输入mhead

这里写图片描述

最低0.47元/天解锁文章

create_jeff

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
1
评论
【学习笔记】HBuilder初学，简单结构体

最近在研究HBuilder的用法，在看到官方网站的介绍和文档后感觉很懵，文档中并不是由浅入深的方式带着新人通过一些常用示例来入门，一步一步循序渐进的让用户了解产品，使用产品，而是直接就列出了各种模块的方法、对象、权限等等，让我这个从技术出身而又转型做产品的人一头雾水，在学习的过程中总结出一些小心得和大家分享，共同探讨工具在这里就不介绍了，一般敲代码的装上用了就很容易上手说说移动端开发的代码基本结构先
复制链接

扫一扫