小程序页面中的生命周期( 仅供了解 )

每天保持睡不着又醒不来的状态
只有麻木的做人麻木的
麻木的呼吸忘记自己的存在

 

页面(page)中的生命周期及方法函数:
    页面中js文件里的page就是页面中的配置项不是全局的生命周期写在page里
    
    //index.js
    //获取应用实例
    const app = getApp()
    // 使用定义的全局属性
    // console.log(app.globalData.n)
    
    // 页面中的配置项,生命周期中都有参数
    Page({
      data : {
        // data用来定义页面中的状态
        // 在当前页面中渲染通过 {{直接写属性}}
        m : "张志行",
        s : "到苏州"
      },
    
      onLoad() {
        //监听页面加载 就是初始化
        console.log("Load")
      },
    
      onShow() {
        //监听页面显示 前台后台切换就会执行该生命周期
        console.log("Show")
      },
    
      onReady() {
        //监听页面初次渲染完成
        console.log("Ready")
      },
    
      onHide() {
        //监听页面隐藏 也就是切换页面的时候会执行
        console.log("Hide")
      },
    
      onUnload() {
        //监听页面卸载
        console.log("Unload")
      },
    
      onPullDownRefresh() {
        //监听用户下拉动作 下拉刷新时会执行该函数
        // 也就是说下拉数据更新在这里操作
        console.log("下拉执行")
      },
    
      onReachBottom() {
        //页面上拉加载更多 会执行该函数
        // 在这个函数中进行上拉操作
        console.log("上拉加载更多")
      },
    
      onShareAppMessage() {
        // 用户点击右上角转发 也就是分享(...)会执行该函数
        // 有了这个函数点击。。。就会出现转发如果没有这个函数就不会有转发
        return {
          title: '今天好开心',
          path: 'pages/index/index'
        }
      },
    
      onPageScroll(){
        // 页面滚动触发
        console.log("页面滚动了")
      },
    
      onTabItemTap(...rest){
        // 当前是 tab 页时,点击 tab 时触发
        console.log(rest);
        // 切换页面在返回触发 记录用户点击按钮
        //  text : 表示切换页面的tabbar名称
        //  pagePath : 表示返回的路径返回到哪个页面
      }
    })
    
    
    /*
      生命周期第一次执行会执行:
        onLoad(){监听页面加载 就是初始化
          做ajax数据的请求
    
        }-->onShow(){监听页面显示 前台后台切换就会执行该生命周期
          数据传参,一个页面往另一个页面传值可以再onShow中接收
    
        }-->onReady(){监听页面初次渲染完成
          页面加载完毕,做数据操作的时候可以在这里面进行
        }
    
    
      onShareAppMessage(){}转发函数:
        必须要返回一个对象,对象中有两个配置title和path
        title:标题
        path:发送的路径(发送到哪里)
    
    */

 

posted @ 2019-09-26 18:07  写手在作画  阅读(255)  评论(0编辑  收藏  举报