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

Posted 2022-11-25 勇敢*牛牛

// 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',
   
  

)