微信小程序(3)

本文详细讲解了微信小程序的生命周期,包括应用生命周期和页面生命周期。在应用生命周期中,重点介绍了onLaunch、onShow、onHide、onError和onPageNotFound事件。在页面生命周期中,讨论了data、onLoad、onShow、onReady、onHide、onUnload、onPullDownRefresh、onReachBottom、onShareAppMessage、onPageScroll、onResize和onTabItemTap等事件的用途和触发时机。
摘要由CSDN通过智能技术生成

1.应用生命周期

今天我们来学一下生命周期 我把生命周期分为两种 应用生命周期和页面生命周期 接下来我会为你们一一讲解我们先开始讲解应用生命周期 这样方便我们在后期开发中知道每个属性都是在哪里用的
在这里插入图片描述

1.onLaunch

app.js代码:
在这里插入图片描述
打印台:
在这里插入图片描述
这个意思就是我们打开应用的时候就会触发的一个事件 他一般适用于应用第一次启动的时候 获取个人的用户信息

2.onShow

app.js代码:
在这里插入图片描述
打印台:
在这里插入图片描述
这个也是一进页面就打印了 但是onLaunch比他先执行 这个主要讲的是对应用的数据或者页面效果重置

3.onHide

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这个我么也看到了 我们点开别的应用的时候 这个打印就出啦了 这是因为应用被隐藏了 但是呢有隐藏肯定也有出来也打印的 第二个就是啦 暂停或者清除计时器

4.onError

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
这里我们可以看到我们在随便一个地方弄了个字母 他就会报错 但是在报错的同时也会触发这个事件但是我们里面传了个参数err肯定也会很好奇把 接下来就会为大家测试 一般用于在应用发生代码报错的时候 收集用户的错误信息 通过异步请求 将错误的信息发送后台去
在这里插入图片描述
这个出来呢 跟报错的效果其实是一样的

5.onPageNotFound

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
这个我们主要测试的就是在页面不存在的时候是否触发 我们先需要点开普通编译 里面有一个添加编译模式 在编译模式里面 模式名称和启动页面 最后在点击确定即可 这时我们ctrl+s就可以就可以看到报错信息 如果页面不存在了通过js的方式来重新跳转页面 重新跳到第二个页面 不能跳到tabbar页面 导航组件类似

2.页面生命周期

在这里插入图片描述

1.data

wxml:

<view>{
   {
   text}}</view>
<view>{
   {
   array[0].msg}}</view>

js:

Page({
   
  data: {
   
    text: 'init data',
    array: [{
   msg: '1'}, {
   msg: '2'}]
  }
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值