微信小程序页面生命周期详解

页面生命周期函数

onLoad—-监听页面加载
onReady—-监听页面初次渲染完成
onShow—-监听页面显示
onHide—-监听页面隐藏
onUnload—-监听页面卸载

Page({/*** 页面的初始数据*/data: {banner_url:data.bannerList(),open:false},/*** 生命周期函数--监听页面加载*/onLoad: function (options) {console.log("==onLoad==");},/*** 生命周期函数--监听页面初次渲染完成*/onReady: function () {console.log("==onReady==");},/*** 生命周期函数--监听页面显示*/onShow: function () {console.log("==onShow==");},/*** 生命周期函数--监听页面隐藏*/onHide: function () {console.log("==onHide==");},/*** 生命周期函数--监听页面卸载*/onUnload: function () {console.log("==onUnload==");},onPullDownRefresh: function() {// 页面相关事件处理函数--监听用户下拉动作console.log("test onPullDownRefresh");},onReachBottom: function() {// 页面上拉触底事件的处理函数console.log("test onReachBottom");},onShareAppMessage: function() {// 用户点击右上角分享return {title: '分享页面', // 分享标题desc: '这是一个分享的测试', // 分享描述path: 'pages/waimai/waimai' // 分享路径}},
})

进入首页触发的函数

进入和离开blog页面的触发函数

总结：

1. 在离开首页进入详情页面的时候采用的是onHide函数—-只是将页面隐藏，当我们回到首页的时候直接用onShow显示就好;
2. 在离开详情页面的时候采用的是onUnload函数—-此处是将页面卸载，所以下次进入详情页面的时候，我们需要将页面再次（加载—-显示—-渲染）
3. 以上情况是在不设置open-type的情况，如果open-type=”redirect”，那么在离开首页的时候就会触发onUnload，从而不能再返回首页。

小程序的应用生命周期——App.js

属性	类型	描述	触发时机
onLaunch	Function	生命周期函数–监听小程序初始化	当小程序初始化完成时，会触发 onLaunch（全局只触发一次）。
onShow	Function	生命周期函数–监听小程序显示	当小程序启动，或从后台进入前台显示，会触发 onShow
onHide	Function	生命周期函数–监听小程序隐藏	当小程序从前台进入后台，会触发 onHide
onError	Function	错误监听函数	当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息
其他	Any		开发者可以添加任意的函数或数据到 Object 参数中，用 this 可以访问，上面的getPics就是函数， globalName是数据，这里面的函数和数据都是全局的。调用方式：在Pager中通过getApp()方法得到App对象并获得全局的数据和调用全局的函数

微信小程序页面生命周期详解相关推荐

微信小程序的生命周期详解
文章目录一.应用生命周期(App) 二.页面生命周期(page) 三.应用生命周期和页面生命周期四.路由变化对页面生命周期的影响一.应用生命周期(App) App()函数用来注册一个小程序.接受 ...
微信小程序02【配置详解、生命周期-app对象使用、页面跳转详解】
学习地址:https://www.bilibili.com/video/BV1sx411z77P 笔记01:https://blog.csdn.net/weixin_44949135/article/ ...
php小程序onload,微信小程序 loading 组件实例详解
这篇文章主要介绍了微信小程序 loading 组件实例详解的相关资料,需要的朋友可以参考下 loading通常使用在请求网络数据时的一种方式,通过hidden属性设置显示与否主要属性: wxml 显 ...
微信小程序全局变量异步函数_微信小程序【生命周期】
小程序分为应用.页面和组件三个部分,所以小程序的生命周期涉及以下应用的生命周期页面的生命周期组件的声明周期应用的生命周期对页面生命周期的影响应用的生命周期 App() 函数用来注册一个小程序 ...
微信小程序：生命周期
下面从三个方面来介绍小程序的生命周期: (1)应用生命周期 (2)页面生命周期 (3)应用及页面生命周期的触发顺序 1.应用生命周期 App() 必须在 app.js 中调用,必须调用且只能调用一次, ...
微信小程序的生命周期总结
什么是生命周期? 生命周期就是指一个对象的生老病死. 从软件的角度来看,生命周期指程序从创建.到开始.暂停.唤起.停止.卸载的过程. 下面从三个方面来介绍小程序的生命周期: (1)应用生命周期 (2 ...
微信小程序应用生命周期
完整微信小程序(Java后端) 技术贴目录清单页面(必看) App(Object object) 注册小程序.接受一个 Object 参数,其指定小程序的生命周期回调等. App() 必须在 app. ...
微信小程序【生命周期】
应用的生命周期页面的生命周期组件的生命周期应用的生命周期对页面生命周期的影响小程序分为应用.页面和组件三个部分,所以小程序的生命周期涉及以下应用的生命周期页面的生命周期组件的声明周期应 ...
微信小程序 | 12.生命周期、globalData全局数据
文章目录 1.小程序的生命周期 2.全局数据globalData 3.globalData的应用 3.1.搭配app.js的onLaunch()存储openid 3.2.轮询globalData 3. ...

微信小程序页面生命周期详解

微信小程序页面生命周期详解相关推荐

最新文章

热门文章