微信小程序的生命周期
2019-03-22 09:35
26 查看
[code]// pages/movie/movie.js Page({ /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { }, /** * 生命周期函数--监听页面显示 */ onShow: function () { }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { }, /** * 生命周期函数--监听页面卸载 */ onUnload: function () { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { }, /** * 用户点击右上角分享 */ onShareAppMessage: function () { } })
Page({
data: {
motto: "Hello World",
userInfo: {},
hasUserInfo: false,
canIUse: wx.canIUse("button.open-type.getUserInfo")
},
onLoad: function() {
}
});
上面为页面的生命周期
下面为小程序的生命周期
App({
onLaunch: function () {
},
globalData: {
userInfo: null
}
})
小程序生命周期
App
1 onLaunch 启动 只运行一次 程序销毁之后 再启动就会执行
2 onShow 展示 每次在后台切换过来就会执行
3 onHide 隐藏 每次在切换到后台就会执行
Page 的生命周期
1 onLoad 下载完成 页面加载完成执行, 一次
2 onReady 准备 页面渲染完成后 一次
3 onShow 显示
4 onHide 隐藏(跳转到别的页面了)
5 onUnload 销毁(小程序切换到后台了)
相关文章推荐
- 微信小程序开发详解(八)---微信小程序页面生命周期和参数传递
- 微信小程序之生命周期
- 微信小程序的生命周期
- 微信小程序入门五: wxml文件引用、模版、生命周期
- 微信小程序开发生命周期讲解
- 微信小程序把玩(五)页面生命周期
- 微信小程序(四)应用生命周期详解
- 转载【小程序】: 微信小程序开发---应用与页面的生命周期
- 微信小程序把玩(五)页面生命周期
- 微信小程序-组件的生命周期
- 微信小程序page的生命周期和音频播放及监听实例详解
- 微信小程序入门五: wxml文件引用、模版、生命周期
- Android开发探究微信小程序(三)(生命周期)
- 微信小程序的生命周期函数
- 微信小程序 生命周期
- 详解微信小程序入门五: wxml文件引用、模版、生命周期
- 微信小程序 生命周期函数详解
- 微信小程序开发详解(七)---微信小程序APP生命周期
- 微信小程序的生命周期
- 微信小程序开发详细流程 五 (小程序的生命周期)