码迷,mamicode.com
首页 > 微信 > 详细

微信小程序生命周期

时间:2020-07-20 22:59:28      阅读:223      评论:0      收藏:0      [点我收藏+]

标签:ogr   弹窗   打开   hide   函数   can   rop   top   lifecycle   

每次创建一个页面,会有四个文件产生

技术图片

 

 

 生命周期函数就在后缀为.js的文件中,先来看代码

// miniprogram/pages/News/News.js
Page({

  /**
   * Page initial data
   */
  data: {

  },

  /**
   * Lifecycle function--Called when page load
   */
  onLoad: function (options) {
    //第一次完整打开小程序页面时
    console.log("onLoad")

  },

  /**
   * Lifecycle function--Called when page is initially rendered
   */
  onReady: function () {
    //全部加载和显示完成,可以提供给用户进行操作的状态
    console.log("onReady")

  },

  /**
   * Lifecycle function--Called when page show
   */
  onShow: function () {
    //每次从未激活状态变为激活状态时执行
    console.log("onShow")
    // wx.showModal({
    //   cancelColor: ‘cancelColor‘,
    //   title: ‘test‘,
    //   content: ‘onShow‘
    // })

  },

  /**
   * Lifecycle function--Called when page hide
   */
  onHide: function () {
    //每次从激活状态变为未激活状态的执行
    console.log("Hide")

  },

  /**
   * Lifecycle function--Called when page unload
   */
  onUnload: function () {
    //正常关闭时的执行
    console.log("onUnload")

  },

  /**
   * Page event handler function--Called when user drop down
   */
  onPullDownRefresh: function () {
    console.log("onPullDownRefresh")

  },

  /**
   * Called when page reach bottom
   */
  onReachBottom: function () {
    console.log("onReachBottom")

  },

  /**
   * Called when user click on the top right corner to share
   */
  onShareAppMessage: function () {
    console.log("onShareAppMessage")

  }
})

 

生命周期函数(Lifecycle function):

onLoad():第一次打开页面

onReady():加载完成

onShow():当页面从未激活状态变为激活状态时

onHide():当页面从激活状态变为未激活状态时

onUnload():正常关闭时

onPullDownRefresh():当下拉页面时刷新

onReachBottom():当页面到达底部时

onShareAppMessage():当用户点击分享按钮,即右上角"..."时

 

console.log是一个控制台打印语句,也可以用console.info,如果想用弹窗效果的话,可以用wx.showModal。

将代码直接编译一下,可以看出执行顺序为

技术图片

 

 onLoad --> onShow --> onReady

 

微信小程序生命周期

标签:ogr   弹窗   打开   hide   函数   can   rop   top   lifecycle   

原文地址:https://www.cnblogs.com/smart-zihan/p/13346648.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!