微信小程序开发详细流程 三 (小程序文件类型与代码构成)

在第一章中，我们通过开发者工具快速创建了一个QuickStart 项目。你可以留意到这个项目里边生成了不同类型的文件:

.json 后缀的 JSON 配置文件
.wxml 后缀的 WXML 模板文件
.wxss 后缀的 WXSS 样式文件

.js 后缀的 JS 脚本逻辑文件

具体这4种文件的作用在API里介绍的非常详细:

https://developers.weixin.qq.com/miniprogram/dev/quickstart/basic/file.html

我在这里只做简要说明:

每个页面都是由这四种文件组成,(模板只需要WXML和WXSS即可,用到再说)

按照我们web开发来说

.js对应该的是.js,描述你的一个行为,

.json 对应的就是.json ,一个配置文件

.wxml对应的就是html文件,骨架

.wxss对应的就是css文件,样式

这样来就很容易明白了

还有一组以app开头的文件,

他们是对当前小程序的全局配置,

如果你在全局里配置了,页面也有配置,小程序是有个就近关系的,它会以页面最近的配置为准.

下面说下应用程序和页面之间的关系

应用程序的入口就是为app.开头的三个文件控制的,

我们上面说了,每个页面都是由这四种文件组成,还可以有二级页面,三级页面.....,同样也是由以上四个文件组成

页面:

小程序的一级页面理论上是可以有无限个的,(但这违背了小程序的初衷,因为小程序要尽量的简单,而且小程序是有个限制的,大小不能超过1M,超过1M就上传不了了)

横向:理论上是可以有无限个的...

纵向:最多只能有五级

上图的log看起来跟index是平级的,其实它是index的二级文件