博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序之生命周期
阅读量:6089 次
发布时间:2019-06-20

本文共 1342 字,大约阅读时间需要 4 分钟。

1. 整个小程序生命周期 App({})

//app.jsApp({    onLaunch: function (options) {        // 小程序初始化完成时(全局只触发一次)         // 程序销毁(过一段时间没有执行,或者手动删除了小程序后再次添加)之后,再次启动就会执行        console.log('onLaunch');     },    onShow: function (options) {        // 小程序启动,或从后台进入前台显示时        console.log('onShow');    },    onHide: function () {        // 小程序从前台进入后台时,就会执行        console.log('onHide');    },    onError: function (msg) {        // 小程序发生脚本错误,或者 api 调用失败时触发,会带上错误信息        console.log(msg)    },    globalData: {        userInfo: null    }})

2. 页面生命周期 page({})

Page({   onLoad: function (options) {    // 监听页面加载    // 页面加载的时候执行,只执行一次        console.log('页面load');  },    onReady: function () {    // 监听页面第一次渲染完成    // 只执行一次    console.log('页面ready');  },  onShow: function () {    // 只要页面显示,就会执行         console.log('页面show');  },  onHide: function () {    // 页面隐藏,就会执行         console.log('页面hide');  },  onUnload: function () {    // 页面卸载,就会执行         console.log('页面unload');  } })

注意

1. tab页面之间的相互切换,不会让页面重新加载(onLoad),也就不会卸载(onUnload),只会隐藏与显示页面,即:页面切换只会交替执行 onHide() 与 onShow() 函数

2. 在某页面使用 NavigatorTo 跳转至目标页面时(比如从 index 页面跳转至 detail 页面),该页面(index页面)只执行 onHide(), 目标页面(detail页面)执行 onLoad()、onReady()、onShow();

3. 在回退(NavigatorBack)时(比如从 detail 页面回退至 index 页面),index页面执行onShow(), detail页面会被卸载,即执行onUnload();

转载于:https://www.cnblogs.com/cckui/p/10006375.html

你可能感兴趣的文章
SpriteBuilder中粒子发射器的reset on visibility toggle选项解释
查看>>
深入浅出jackrabbit之十三 查询之AST和QT
查看>>
动态规划算法计算网络的最长路线和最短路线
查看>>
eclipse中ant build 控制台乱码解决解决方法(ant执行java)
查看>>
搭建Maven私服(使用Nexus)
查看>>
采集数据库中未绑定变量的sql
查看>>
一个统计网站访问IP的实例
查看>>
19 年 3 月 GitHub 上最流行的 34 个 JS 仓库
查看>>
C++ 模板函数
查看>>
《图解HTTP》— HTTP报文信息
查看>>
如何优雅的封装vue组件
查看>>
ANR详细介绍
查看>>
微信JS-SDK分享实践
查看>>
这款分布式配置中心,会是微服务的降维打击利器吗?
查看>>
用最简单的方式理解浏览器与node中的事件循环的区别
查看>>
Spring Cloud—加密和解密
查看>>
搭建vue环境的步骤
查看>>
iOS概念攻坚之路(三):内存管理
查看>>
设计模式系列——单例模式
查看>>
简单理解Vue中的nextTick
查看>>