学习小程序(第5天)

1.小程序自定义组件的使用

首先给大家看一下效果图。
在这里插入图片描述

  1. 首先创建一个components文件夹,用于放置所有自定义的组件,创建之后的组件目录如下:
    在这里插入图片描述

  2. 点击.json文件,查看组件是否创建正确(是否有自定义组件的声明)。
    在这里插入图片描述

  3. 通过组件.wxml文件和.wxss文件编写出想要的组件样式。
    例.wxml文件代码编写如下:

在这里插入图片描述

例.wxss文件样式代码如下

在这里插入图片描述

  1. 在所需的页面使用组件,需在.json文件进行声明:

在这里插入图片描述

  1. 在所需的页面.wxss文件引用组件:
    在这里插入图片描述

完成以上几步,一个自定义的组件就算完成了,运行查看结果即可。

2. ⼩程序⽣命周期

分为应⽤⽣命周期和⻚⾯⽣命周期

关于小程序前后台的定义和小程序的运行机制,请参考运行机制章节。

2.1. 应⽤⽣命周期
在这里插入图片描述
2.2. ⻚⾯⽣命周期
在这里插入图片描述
2.3. ⻚⾯⽣命周期图解
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值