
刚过去的情人节,小少是被虐了个不轻,朋友圈点开后,是各种转账,各种礼物,各种么么哒,就连打开某条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这些文件,每个页面下的文件是控制当前页面的配置、逻辑、样式,你如果在页面下的文件中配置了代码,那么它们会覆盖掉小程序的全局配置,如果你在每个页面下没有配置相应的代码,那么它们会采用小程序的全局配置。