微信小程序的生命周期

1小程序全局的生命周期

主要有如下四个(在app.js中)
onLaunch 启动-(本地存储,登录)
onShow前台展示-开始播放与运行
onHide后台运行-停止播放与运行)
onError发生错误-监听处理错误)

 onError(){
   
    console.log("小程序生命周期:onError小程序发送错误")
    // 提示与重启
  },
  onHide(){
   
    console.log("小程序生命周期:onHide小程序后台运行")
    // 停止播放
  },
  onShow(){
   
    console.log("小程序生命周期:onShow小程序前台展示")
    // 恢复播放
  },
  onLaunch() {
   
    console.log("小程序生命周期:onLaunch页面启动")
    // 本地存储,系统信息获取,登录获取code

2.页面的生命周期(局部)

onLoad 加载完-(获取页面传参,初始化,网络请求,本地出错)
onReady首次渲染完毕-(获取节点)
onShow前台显示
onHIde后台运行
onUnload 页面被卸载

* 生命周期函数--监听页面加载
   */
  onLoad(options) {
   
    console.log("页面生命周期:onLoad加载")
    // 1. 发起网络请求2. 获取页面传递的参数3. 页面本地存4. 初始化
  },  
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {
   
    console.log("页面生命周期:onReady第一次渲染完成")
    // 1. 操作节点(没有window,document.getxxx,document.getElement)
    // 创建一个选中器
    const query = wx.createSelectorQuery()
    // 选中h1节点 获取他的边界
    query.select('.h1').boundingClientRect()
    // 获取窗口的位置信息
    query.selectViewport().scrollOffset();
 
    // 执行命令返回结果
    query.exec(function
  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值