当前位置:首页 > 新闻动态 > 网站文章

微信小程序开发学习笔记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>

地址 · ADDRESS

地址:建邺区新城科技园嘉陵江东街18号2层

邮箱:309474043@qq.Com

点击查看更多案例

联系 · CALL TEL

400-8793-956

售后专线:025-65016872

业务QQ:309474043    售后QQ:1850555641

©南京安优网络科技有限公司 版权所有   苏ICP备12071769号-4  网站地图