关于小程序事件加载次序


1.小程序(特指微信小程序)页面展开会加载以下的事件:onLoad,onReady,onShow,onHide,onUnload等事件;

 (1)onLoad:生命周期函数--监听页面加载,即初始化页面时会执行此函数,

   (2)onReady:生命周期函数--监听页面初次渲染完成,即加载完成后会进行执行,

   (3)onShow:生命周期函数--监听页面显示,每次显示会加载

   (4)onHide:生命周期函数--监听页面隐藏,事件的监听,执行跳转等会触发事件,

   (5)onUnload:生命周期函数--监听页面卸载,即页面的销毁,

  注:在wx.navigateTo不会触发事件5,

综上:从页面的创建以及销毁,可以排序为:1,3,4,2,4,5

/**
   * 生命周期函数--监听页面加载
   */
onLoad: function (options) {
    console.log(11111);

  },
  

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    console.log(2222);
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function (options) {
    console.log(3333);
   
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
    console.log(44444);

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
    console.log(5555);
  },

  结果如下

 

 2.在函数中

onLaunch:会先于onload执行,但是其结果由于异步会后于onload.


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM