微信的生命周期、微信的内置api

微信的生命周期

小程序的生命周期

• onLaunch：页面启动（本地存储，登录）
• onShow：小程序前台显示（开始播放与运行）
• onHide：小程序后台运行（关闭播放与运行）
• onError：小程序发生错误（监听处理错误）

 onError(){
   
    console.log("小程序生命周期，onError小程序发生错误");
    //小程序发生错误(提示与重启)
  },
  onHide(){
   
    console.log("小程序生命周期，onHide小程序后台运行");
    //小程序后台运行(停止播放)
  },
  onShow(){
   
    console.log("小程序生命周期，onShow小程序前台显示");
    //小程序前台显示(恢复播放)
  },
  onLaunch() {
   //页面启动
    console.log("小程序生命周期，onLaunch页面启动");
  }

页面的生命周期

生命周期

• onLoad：加载完毕（发起网络请求、获取页面传递的参数、页面本地存储、初始化）
• onReady：首次渲染完毕（获取节点）
• onShow：页面前台显示
• onHide：页面后台运行
• onUnload：页面被卸载

onLoad(options) {
   
    console.log("页面生命周期：onLoad加载");
    //发起网络请求
    //获取页面传递的参数
    //页面本地存储
    //初始化
  },
onReady() {
   
    console.log("页面生命周期：onReady准备完毕，第一次渲染完成");
    //操作节点(没有window，document.XXX)
    //创建一个选择器
    const query = wx.createSelectorQuery()
    //选中h1节点，获取边界
    query.select('.h1').boundingClientRect()
    //获取窗口的位置信息
    query.selectViewport().scrollOffset()
    //执行命令返回结果
    query.exec(function(res){
   
      //获取元素的边界信息:top,bottom,left,right,width,height
      console.log(res[0]);
      //窗口信息:scrollHeight,scrollTop,scrollWidth
      console.log(res[1]);
    })
  },
  onShow() {
   
    console.log("页面生命周期：onShow页面前台显示");
  },
  onHide() {
   
    console.log("页面生命周期：onHide页面后台运行")