微信小程序(32):生命周期:页面生命周期

在这里插入图片描述


在demo.json中添加以下代码,开启横屏竖屏

"pageOrientation":"auto"

下拉刷新配置

"enablePullDownRefresh": true,
    "backgroundColor": "yellow"

在这里插入图片描述


// pages/demo18/demo18.js
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

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

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

  },

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

  },

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

  },

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

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
    console.log("onPullDownRefresh");
    // 页面的数据 或者效果 重新刷新
  },

  /**
   * 页面上拉触底事件的处理函数
   * 需要让页面出现上下滚动才行
   */
  onReachBottom: function () {
    console.log("onReachBottom");
// 上拉加载下一页数据
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
    console.log("onShareAppMessage");

  },
  // 页面滚动,就可以触发
  onPageScroll(){
    console.log("onPageScroll");

  },
  // 页面的尺寸发生改变的时候触发
  // 小程序发生了横屏,竖屏切换的时候触发
  onResize(){
    console.log("onResize");

  },
  // 必须要求当前页面,也是tabbar页面
  // 点击的自己的tab item的时候才触发
  onTabItemTap(){
    console.log("onTabItemTap");

  }
})
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章