小程序开发文档:生命周期函数与页面事件函数说明

2018/6/15 15:38:44
摘要: 微信小程序开发过程中必要遇到的两个内容,就是生命周期函数与页面相关事件处理函数,而者两个内容

  微信小程序开发过程中必要遇到的两个内容,就是生命周期函数与页面相关事件处理函数,而者两个内容本身包含的细节要点与参数内容,也是开发者需要去逐个了解的,下面我们就总结一下,关于小程序生命周期函数与页面事件函数的说明内容。

图片1.png 

1、生命周期函数

(1)onLoad:页面加载

一个页面只会调用一次,可在onLoad中获取打开当前页面所调用的query参数。


(2)onShow:页面显示

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


(3)onReady:页面初次渲染完成

一个页面只会调用一次,表示该页面已经准备妥当,可以和视图层进行交互。对界面的设置,如wx.setNavigationBarTitle,要在onReady之后设置。

 

(4)onHide:页面隐藏

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


(5)onUnload:页面卸载

当redirectTo或navigateBack的时候调用。


(6)onLoad参数

类型     说明

Object  其他页面打开当前页面所调用的 query 参数


2、页面相关事件处理函数

1onPullDownRefresh:下拉刷新

监听用户下拉刷新事件。需要在config的window选项中开启enablePullDownRefresh。当处理完数据并刷新后,wx.stopPullDownRefresh可以停止当前页面的下拉刷新。


2onReachBottom:上拉触底

监听用户下拉触底事件。


3onPageScroll:页面滚动

监听用户滑动页面事件。


(4)参数为 Object,包含以下字段:

字段                类型       说明

scrollTop   Number    页面在垂直方向已滚动的距离(单位px


(5)onShareAppMessage::用户转发

只有定义了此事件处理函数,右上角菜单才会显示“转发”按钮,用户点击“转发”按钮的时候会调用,此事件需要 return 一个Object,用于自定义转发内容。


(6)自定义转发字段

字段        说明           默认值

title  转发标题      当前小程序名称

path  转发路径      当前页面 path ,必须是以 / 开头的完整路径



声明:文章"小程序开发文档:生命周期函数与页面事件函数说明"为互诚科技—微信小程序开发公司的原创文章,转载请注明出处,谢谢合作!
标签:小程序开发文档
电话咨询:18011971195(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 微信小程序开发文档之基础能力与安全问题说明

    开发者们洞悉到了小程序背后的巨大商机,纷纷投入时间精力到小程序的开发工作中去,下面小编将为大家介绍一下微信小程序

  • 企业开发微信小程序,如何做到不赔反赚

    企业商家开发微信小程序的最终目的,当然是想要获取现实利益。但是,每一种投资不是一定会成功地达到目的,投资后不赚反赔的情况比比皆是。那么企业商家在做小程序时,要如何去避免这种不赚反赔的情况出现,降低失败的几率与风险,甚至做到不赔反赚?这确实是一个很现实的值得我们来讨论的问题。

  • 精准营销+移动端+O2O,微信小程序的发展空间

    营销要取得很好的效果,讲究的是精准营销,将营销的效果最大化地转化成现实利益。结合这个精准营销加上手机移动端的特点以及O2O连接线上线下的商业模式,我们就可以来讨论微信小程序在未来的发展空间到底有多大,才能让企业商家、个人组织不断地去触及与开发小程序。

  • 微信小程序开发之前如何做好战略规划?

    对于每一个想要开发微信小程序的企业来说,都需要在开发之前去做好战略规划,包括小程序的开发方向、市场调查、用户调查以及临时的应对措施等

  • 广州企业根据什么来选择要开发公众号还是小程序

    现在的微信圈,已经不仅仅是作为一个平常的社交平台而用,而是以一个工具者的身份,逐渐融入到用户生活、事业当中去。那么对于企业来说,企业的决策同样作为一个微信的使用者,应该通过怎样的了解而去为公司做决策,决策到底是要开发公众号还是开发小程序呢?

  • 微信小程序用什么开发

    针对微信小程序的开发问题,官网向广大开发者提供了官方的开发教程、示例Demo以及开发工具。开发者可以根据官方开发教程与示例