千家信息网

微信APP生命周期及页面生命周期是什么

发表于:2025-02-01 作者:千家信息网编辑
千家信息网最后更新 2025年02月01日,本篇内容介绍了"微信APP生命周期及页面生命周期是什么"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
千家信息网最后更新 2025年02月01日微信APP生命周期及页面生命周期是什么

本篇内容介绍了"微信APP生命周期及页面生命周期是什么"的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

小程序的启动流程

我们画一个图来表示一下,整个小程序的启动流程,我们就知道了:

app生命周期

执行App()函数也就是注册一个App

1 在注册app的时候,可以判断小程序的进入场景

2 我们可以在执行通过生命周期函数,做一些数据请求

3 可以在app中设置一个全局对象,让所有页面都能使用

页面的生命周期

Page({  /**   * 页面的初始数据   */  data: {  },  /**   * 生命周期函数--监听页面加载   */  onLoad: function (options) {    console.log("onload")  },  /** * 生命周期函数--监听页面显示 */  onShow: function () {    console.log("onshow")  },  /**   * 生命周期函数--监听页面初次渲染完成   */  onReady: function () {    console.log("onReady")  },  /**   * 生命周期函数--监听页面隐藏   */  onHide: function () {    console.log("onHide")  },  /**   * 生命周期函数--监听页面卸载   */  onUnload: function () {    console.log("onUnload")  },  //监听用户下拉动作,  onPullDownRefresh :function(){    //如果要用到这个,必须把"enablePullDownRefresh": true    console.log("下拉刷下")  },   //页面上拉触底事件的处理函数  onReachBottom:function(){    console.log("上拉到底部")},//页面滚动触发事件的处理函数onPageScroll:   function(e){  console.log("滚轮在懂",e)} })

1 在生命周期函数中发送网络请求,从服务端获取数据

2 初始化一些数据,在data里面,以方便wxml引用

3 监听wxml的事件,绑定对应的事件函数

4 还有页面滚动,上拉,下拉等

页面的生命周期(图)

"微信APP生命周期及页面生命周期是什么"的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注网站,小编将为大家输出更多高质量的实用文章!

0