知识百科

新闻资讯

联系我们

联系人:曾先生

手机:137 6025 2015

电话:137 6025 2015

邮箱:gy2008c@163.com

地址: 深圳市宝安区松岗街道溪头社区 长安智谷B栋5楼509

开发知识

微信小程序开发小程序框架分析和解读(wxml和wxss的区别)

作者:非尔思小程序 发布时间: 2022-06-12 11:23:08

一、小程序的目录结构

小程序的目录结构主要包括框架全局文件、框架页面文件。其中框架全局文件和框架页面文件主要是在“编辑器”区域如下图所示:

微信小程序开发学习笔记3——微信小程序框架分析和解读


二、框架全局文件

框架全局文件主要包括app.js、app.json、app.wxss、project.config.json四个。分别如下:

app.js:该文件用来定义全局数据和函数的使用指定微信小程序的生命周期等。

app.json:该文件可对5个功能进行设置可以配置页面路径、窗口表现、标签导航、网络超时、Debug模式等。

微信小程序开发学习笔记3——微信小程序框架分析和解读


微信小程序开发学习笔记3——微信小程序框架分析和解读


app.wxss:该文件对CSS样式进行了扩展是对所有页面定义的一个全局样式如果页面重新定义的样式与全局样式冲突则全局样式会被覆盖。

project.config.json:小程序项目个性化配置文件开发者针对各自喜好做一些个性化配置如界面颜色、编译配置等。

三、框架页面文件主要包括js、json、wxml、wxss四种后缀的文件分别如下:

序号

后缀文件

作用

1

js

页面逻辑

2

json

页面配置

3

wxml

页面结构

4

wxss

页面样式


微信小程序开发学习笔记3——微信小程序框架分析和解读


注意:框架页面文件都放置在pages文件夹下。

最终显示的页面如下:

微信小程序开发学习笔记3——微信小程序框架分析和解读
相关标签:

新闻资讯

相关股权激励案例

在线客服
联系方式

热线电话

137 6025 2015

上班时间

周一到周五

公司电话

137 6025 2015

二维码
线