乐趣区

入门微信小程序从基础0开始二

上一节说了如何开通小程序账号及项目创建,今天说一说基础文件构成及作用,。(我觉得没必要想的那么全面复杂,所以都是个人简单理解,不是那么全面,大佬手下留情)

左边是模拟器,中间是文件目录,右边是具体的文件的内容。我们主要看中间的文件

pages
pages 文件夹下面的是页面相关的文件,微信给的 demo 中 pages 下有两个文件夹,每个文件夹包含 4 个文件(没错,这就是你页面的文件存放位置)

.js 文件:其实就相当于 APP 的 controller,里面包括 data(页面数据,相当于全局变量),页面的生命周期函数,以及你需要的逻辑功能。
.json:可以配置 navigationBar 的一些信息
.wxml:布局文件,理解成 html 就行
.wxss:和 vue 中的 css 模块中的一样,具有 scoped 特性

utils
这里存放的是.js 文件,与 pages 里面的.js 文件不同,这里的.js 文件是一些公共类文件

app
app.js:里面的 App 是用于启动时做一些内容加载请求使用,是小程序未进入首页之前的(用前端理解那就是程序运行前先获取用户信息及配置)

app.json:小程序配置信息文件,如 navigationBar(从字面意思就可以理解出,这就是 底部导航)等这些配置。

app.wxss:公共样式。

曾经有个我以为的大佬跟我说过,遇到一个新的技术直接操作代码会理解或者学习的比较好,但是呢,我觉得,我还是会先看一遍官方文档,不需要记住多少东西,有个模糊的印象在敲代码来的更快。每个人学习方式不一样,选择自己合适的。

退出移动版