小程序初体验(1)

本文解析了小程序的基本文件结构,包括.js、.json和.wxss文件的作用,并介绍了pages、utils等目录的功能,还详细阐述了app.js、app.json、app.wxss配置文件的内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

虽然文档上讲的很详细,但个人决定还是把文档整体的总结一下,也就是自己看的东西,原来以为小程序用的是html5,看了文档之后,觉得很像ReactNative开发,用的应该是mvvm结构。所以有了一下内容。希望对看到的码友们有帮助。

小程序中最主要的三个文件:

.js后缀的文件---------脚本文件-------逻辑层
.json后缀的文件------配置文件-------设置
.wxss后缀的文件------样式文件-------视图层

小程序的文件结构:

images文件中是小程序所有的图片
pages文件中是小程序所有的页面信息
utils文件中是小程序用到的公交
app.js、app.json、app.wxss为小程序的配置文件
这里写图片描述

一、配置文件的位置

1.app.js文件
a.监听并处理小程序的生命周期函数
b.声明全局变量
c.调用API,如数据的存储
API文档地址:        (https://mp.weixin.qq.com/debug/wxadoc/dev/api/?t=1476197480996)
2.app.json文件
a.配置小程序的页面
b.配置小程序的窗口背景色
c.配置导航条
d.配置默认标题
......

配置列表:
这里写图片描述
配置详解地址:
https://mp.weixin.qq.com/debug/wxadoc/dev/api/?t=1476197480996
注意:不能有任何注释

3.app.wxss公共样式表
在页面组件class属性直接调用

这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值