刚过去的情人节,在疫情中度过小程序也是别有一番风味,对于一些单身青年来讲是被虐了个不轻,朋友圈点开后,是各种转账,各种礼物,各种么么哒,就连打开某条APP,都在开头要问我,情人节是怎么过的,无处不在的暴击让小少默默关上了手机,打开了书本,敲起了代码。今天小程序开发公司智个云就我们介绍一下好了,简单说一下微信小程序开发的知识分享。
微信小程序是微信官方推出一款手机应用,是一种不需要用户下载即可使用的APP,它的出现使得APP“触手可及”,用户可以通过扫一扫或者搜一下即可打开应用。
当然,任何应用都会针对开发者出现一套开发者工具,而“微信开发者工具”就是针对小程序的开发者而提供的一套工具。
当我们打开开发工具的时候,映入眼帘的就是下面的界面
左边是模拟显示手机屏幕
右边上半部分是工程目录结构和代码编辑页面
右边下半部分是控制台
接下来,我们就来正式看看一个小程序的整个主体框架,先来看看目录结构
pages:该目录下面存放的是每一个页面的所有文件,如上图,有两个页面,一个是index页面,一个是logs页面
utils:该目录下面的存放的是一些公共代码抽离出来的js,一般情况会让该js里面的代码通过module.exports或者exports暴露出来供外部使用
app.js:是整个小程序的启动脚本,是处理一些app启动过程中页面加载之前要处理的事情
app.json:是整个小程序的配置文件,包括window,页面,tab等等
app.wxss:是整个小程序的公共样式
其中,app.js和app.json是必须的,app.wxss可以空缺
注意,在pages下面的每个页面也会有js,json,wxss这些文件,每个页面下的文件是控制当前页面的配置、逻辑、样式,你如果在页面下的文件中配置了代码,那么它们会覆盖掉小程序的全局配置,如果你在每个页面下没有配置相应的代码,那么它们会采用小程序的全局配置。
在线客服:2225973985
每天前10名咨询有好礼
智企云 版权所有 © 2016-2018 湘ICP备11017552号
地址:长沙市高新开发区尖山路39号中电软件园总部大楼6楼
Copyright © 2015-2024 智企云 All Rights Reserved. 湘ICP备11017552号 技术支持:中亿智企云
湘公网安备43019002000674号 客服热线:15874991942 公司地址:长沙市高新开发区尖山路39号中电软件园总部大楼6楼