微信小程序常用的几个周期函数的详解以及用法描述

// pages/index/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
      num:1000,
      show:false
  },

  /**
   * 生命周期函数--监听页面加载，执行一次
   * 此方法可以获取页面传递过来的参数
   * options=>{id:XXX}
   */
  onLoad(options) {
    console.log("options",options);
  },
/**
   * 生命周期函数--监听页面显示-页面的渲染与卸载
   * 结构加载完毕，样式没有加载完毕
   * N次
   */
  onShow() {
    console.log("onShow");
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   * 样式和数据都加载完毕
   * 1次
   */
  onReady() {
    console.log("onReady");
  },

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

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   * 加载更多的数据
   */
  onPullDownRefresh() {
    console.log("onPullDownRefresh");
  },
/**
 * 页面滚动的事件
 */

onPageScroll(event){
  let isHeight = event.scrollTop>100?true:false
  this.setData({show:isHeight})//控制按钮的显示
},
  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {
    console.log("我到底啦");
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {
    return{
      path:"/pages/index/index?id=100",//选择那个页面去分享
      imageUrl:"https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20191111%2F0f90c292a4404cfb81889a211f3d2f33.jpeg&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1669379456&t=d9eec60302e33c4411a2747d742435c1",//网络图片
      title:"天冷穿厚，宝"
    }
  },
  onAddToFavorites(res) {//收藏
    // webview 页面返回 webViewUrl
    console.log('webViewUrl: ', res.webViewUrl)
    return {
      title: '收藏',
      imageUrl: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20191111%2F0f90c292a4404cfb81889a211f3d2f33.jpeg&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1669379456&t=d9eec60302e33c4411a2747d742435c1',
      query: 'id=100',
    }
  },
  onShareTimeline(){
   return{
    title: '朋友圈',
    imageUrl: 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2F5b0988e595225.cdn.sohucs.com%2Fimages%2F20191111%2F0f90c292a4404cfb81889a211f3d2f33.jpeg&refer=http%3A%2F%2F5b0988e595225.cdn.sohucs.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1669379456&t=d9eec60302e33c4411a2747d742435c1',
    query: 'id=100',
   }
  }

})