• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

微信小程序-Page生命周期

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

QQ讨论群:785071190

微信小程序开发之前我们还需认识一下小程序页面的生命周期,丛“微信小程序-代码构成”一文中我们可以了解到小程序页面中有一个.js的文件,这篇博文我们来认识一下页面.js文件的内容。

Page

第一次创建的小程序项目,可以看到有index.js和logs.js两个文件,其中的文件内容结构包含了一个Page()的函数。Page() 函数用来注册一个页面。接受一个 object 参数,其指定页面的初始数据、生命周期函数、事件处理函数等。每个页面都需有一个Page()函数。


//index.js
//获取应用实例
const app = getApp()

Page({
  onLoad: function (options) {
    console.log("-------page-----onLoad------------");
  },
  onReady: function () {
    console.log("-------page-----onReady------------");
  },
  onShow: function () {
    console.log("-------page-----onShow------------");
  },
  onHide: function () {
    console.log("-------page-----onHide------------");
  },
  onUnload: function () {
    console.log("-------page-----onUnload------------");
  }
})

onLoad()、onReady()、onShow()、onHide()、onUnload()五个页面生命周期函数,其分别是页面加载、就绪、渲染、隐藏、卸载时被调用。本文主要是对Page生命周期进行介绍,请主要关注生命周期函数,其他相关参数在后续会进行一一讲解。

Page中参数说明:

属性类型描述
dataObject页面的初始数据
onLoadFunction生命周期函数--监听页面加载
onReadyFunction生命周期函数--监听页面初次渲染完成
onShowFunction生命周期函数--监听页面显示
onHideFunction生命周期函数--监听页面隐藏
onUnloadFunction生命周期函数--监听页面卸载
onPullDownRefreshFunction页面相关事件处理函数--监听用户下拉动作
onReachBottomFunction页面上拉触底事件的处理函数
onShareAppMessageFunction用户点击右上角转发
onPageScrollFunction页面滚动触发事件的处理函数
onTabItemTapFunction当前是 tab 页时,点击 tab 时触发
其他Any开发者可以添加任意的函数或数据到 object 参数中,在页面的函数中用 this 可以访问
小程序生命周期

小程序主要靠视图线程(wxml渲染)和应用服务线程(js逻辑控制)来控制管理。

视图线程和应用服务线程会同时运行,应用服务线程启动后将运行onLoad和onShow来完成创建并等待视图线程初始化完成通知,视图线程初始化完成通知应用服务线程,应用服务线程将初始化数据发送给视图线程进行展现,此时视图线程完成第一次数据渲染。第一次渲染完成后视图线程进入就绪状态并通知应用服务线程,应用服务线程调用onReady函数并进入活动状态。

应用线程进入活动状态后每次数据修改将会通知视图线程进行渲染。当切换页面进入后台,应用线程调用onHide函数后进入存活状态,页面返回到前台将调用onShow函数进入活动状态,当调用返回或重定向页面销毁指令执行将调用onUnload函数,页面完成销毁。

注:data中包含初始化数据,初始化数据将作为页面的第一次渲染。data 将会以 JSON 的形式由逻辑层传至渲染层,所以其数据必须是可以转成 JSON 的格式:字符串,数字,布尔值,对象,数组。










鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
(六)微信小程序:制作新闻详情页发布时间:2022-07-18
下一篇:
微信小程序生命周期发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap