【微信小程序】App.js生命周期

1、小程序的生命周期-App.js

  App() 必须在 app.js 中注册,且不能注册多个。所以App()方法在一个小程序中有且仅有一个。

App({
  onLaunch: function () {
    console.log(‘App Launch‘)
    this.initCloud();
  },
  onShow: function () {

  },
  onHide: function () {
    console.log(‘App Hide‘)
  },
  globalData: {
    hasLogin: false,

  },
  }
})

  onLaunch 生命周期函数–监听小程序初始化

  当小程序初始化完成时,会触发 onLaunch(全局只触发一次)。

  onShow  生命周期函数–监听小程序显示

  当小程序启动,或从后台进入前台显示,会触发 onShow

  onHide 生命周期函数–监听小程序隐藏

  当小程序从前台进入后台,会触发 onHide

  onError 错误监听函数

  当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并带上错误信息

  其他 Any 开发者可以添加任意的函数或数据到 Object 参数中,用 this 可以访问,上面的getPics就是函数, globalData是数据,这里面的函数和数据都是全局的。调用方式:在Pager中通过getApp()方法得到App对象并获得全局的数据和调用全局的函数。

前台、后台定义: 当用户点击左上角关闭,或者按了设备 Home 键离开微信,小程序并没有直接销毁,而是进入了后台;当再次进入微信或再次打开小程序,又会从后台进入前台。
只有当小程序进入后台一定时间,或者系统资源占用过高,才会被真正的销毁。

2.小程序页面的生命周期

Page({
  data:{

  },
  onLoad:function(options){
    // 生命周期函数--监听页面加载
    console.log("test1 onLoad");
  },
  onReady:function(){
    // 生命周期函数--监听页面初次渲染完成
    console.log("test1 onReady");
  },
  onShow:function(){
    // 生命周期函数--监听页面显示
   console.log("test1 onShow");
  },
  onHide:function(){
    // 生命周期函数--监听页面隐藏
     console.log("test1 onHide");
  },
  onUnload:function(){
    // 生命周期函数--监听页面卸载
     console.log("test1 onUnload");
  },
  onPullDownRefresh: function() {
    // 页面相关事件处理函数--监听用户下拉动作
     console.log("test1 onPullDownRefresh");
  },
  onReachBottom: function() {
    // 页面上拉触底事件的处理函数
     console.log("test1 onReachBottom");
  }

})

  onLoad: 页面加载

  一个页面只会调用一次。接收页面参数,通过options可以获取wx.navigateTo和wx.redirectTo及<navigator/>中的 query。

  onShow: 页面显示   

  每次打开页面都会调用一次。

  onReady: 页面初次渲染完成   

  一个页面只会调用一次,代表页面已经准备妥当,可以和视图层进行交互。

  onHide: 页面隐藏   

  当navigateTo或底部tab切换时调用。

  onUnload: 页面卸载

  当redirectTo或navigateBack的时候调用。

3、应用级生命周期,影响页面级生命周期 

  1. 小程序初始化完成后,页面首次加载触发onLoad,只会触发一次。
  2. 当小程序进入到后台,先执行页面onHide方法再执行应用onHide方法。
  3. 当小程序从后台进入到前台,先执行应用onShow方法再执行页面onShow方法。

参考链接:

https://www.cnblogs.com/nosqlcoco/p/wxsmallcycle.html

原文地址:https://www.cnblogs.com/xjf125/p/10843665.html

时间: 2024-10-06 10:10:09

【微信小程序】App.js生命周期的相关文章

微信小程序--页面的生命周期和参数传递

页面跳转: 1.函数 点击事件设置bindtap然后在本页面 js 设置函数 redirectTo:关闭当前页,跳转到指定页:   ( unload) navigateTo:保留当前页,跳转到指定页:  (onhide) switchTap:只能用于跳转到tabbar页面,并关闭其他非tabbar页面.(路径后不能跟参数) tabbar 跳到 非tabbar 可以通过navigateTo/redirectTo 非tabbar 跳到 非tabbar 可以通过navigateTo/redirectT

小程序app.js小结

小程序app.js //app.js import { ApiUrl } from 'utils/apiurl.js'; import { httpReq } from 'utils/http.js'; //以上两个文件为封装的请求数据的接口,文件内容我会放在最后,不用这俩文件的可以安装wx.request(微信开发文档提供方法来请求),这两个文件也是在原方法上做了改动但效果一样的. App({ onLaunch: function () { var logs = wx.getStorageSy

小程序的生命周期和小程序组件的生命周期

小程序注册完成后,加载页面,触发onLoad方法. 页面载入后触发onShow方法,显示页面. 首次显示页面,会触发onReady方法,渲染页面元素和样式,一个页面只会调用一次. 当小程序后台运行或跳转到其他页面时,触发onHide方法. 当小程序有后台进入到前台运行或重新进入页面时,触发onShow方法. 当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack(),触发onUnload 小程序组件的生命周期 created 组件实例化,但

微信小程序APP生命周期

小程序APP生命周期需要先从app.js这个文件开始,App() 必须在 app.js 中调用,必须调用且只能调用一次,app.js中定义了一些应用的生命周期函数 onLaunch----当小程序初始化完成时,会触发 onLaunch(全局只触发一次) onShow ----当小程序启动,或从后台进入前台显示,会触发 onShow onHide ----当小程序从前台进入后台,会触发 onHide onError ----当小程序发生脚本错误,或者 api 调用失败时,会触发 onError 并

微信小程序 app注册小程序+page注册页面代码一

注册小程序代码:app.js //app.js App({ onLaunch: function(){ var log = wx.getStorageSync("logs") || [] log.unshift(Date.now()) wx.setStorageSync("logs", log) wx.login({ success: res => { // 发送 res.code 到后台换取 openId, sessionKey, unionId } })

微信小程序app配置指南

//app.json页面 { //页面注册,有几个页面都要在pages里面注册 "pages":[ "pages/index/index", "pages/logs/logs", "pages/main/main", "pages/main1/main1", "pages/main2/main2", "pages/main3/main3", ], //上导航配置及ap

iOS的应用程序app的生命周期

iOS的应用程序的生命周期,还有程序是运行在前台还是后台,应用程序各个状态的变换,这些对于开发者来说都是很重要的. iOS系统的资源是有限的,应用程序在前台和在后台的状态是不一样的.在后台时,程序会受到系统的很多限制,这样可以提高电池的使用和用户体验. //开发app,我们要遵循apple公司的一些指导原则,原则如下: 1.应用程序的状态 状态如下: Not running  未运行  程序没启动 Inactive          未激活        程序在前台运行,不过没有接收到事件.在没

微信小程序 + mock.js 实现后台模拟及调试

一.创建小程序项目 mock.js 从 https://github.com/nuysoft/Mock/blob/refactoring/dist/mock.js 下载 api.js:配置模拟数据和后台接口数据,通过 DEBUG = true;//切换数据入口 let API_HOST = "http://xxx.com/xxx"; let DEBUG = true;//切换数据入口 var Mock = require('mock.js') function ajax(data =

小程序中的生命周期

全局生命周期 onLaunch 小程序初始化完成时(全局只触发一次) onShow 小程序启动,或从后台进入前台显示时 onHide 小程序从前台进入后台时 onError 小程序发生脚本错误,或者 api 调用失败时触发,会带上错误信息 页面生命周期 onLoad 页面加载时触发 如果使用navigator跳转到指定页面,那么页面每次都触发onLoad 当点击关闭按钮时,再重新打开页面,那么onLoad不会再触发 onShow 页面显示/切入前台时触发. onReady 页面初次渲染完成时触发