
微信小程序开发学习笔记3——微信小程序框架分析和解读
来源:
浏览:132
时间:2023-07-28
一、小程序的目录结构
小程序的目录结构主要包括框架全局文件、框架页面文件。其中框架全局文件和框架页面文件主要是在“编辑器”区域,如下图所示:
二、框架全局文件
框架全局文件主要包括app.js、app.json、app.wxss、project.config.json四个。分别如下:
app.js:该文件用来定义全局数据和函数的使用,指定微信小程序的生命周期等。
app.json:该文件可对5个功能进行设置,可以配置页面路径、窗口表现、标签导航、网络超时、Debug模式等。
app.wxss:该文件对CSS样式进行了扩展,是对所有页面定义的一个全局样式,如果页面重新定义的样式与全局样式冲突,则全局样式会被覆盖。
project.config.json:小程序项目个性化配置文件,开发者针对各自喜好做一些个性化配置,如界面颜色、编译配置等。
三、框架页面文件主要包括js、json、wxml、wxss四种后缀的文件,分别如下:
序号 | 后缀文件 | 作用 |
1 | js | 页面逻辑 |
2 | json | 页面配置 |
3 | wxml | 页面结构 |
4 | wxss | 页面样式 |
/div>
p data-track="38">
/p>
p data-track="39">注意:框架页面文件都放置在pages文件夹下。
/p>
p data-track="40">最终显示的页面如下:
/p>