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

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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 微信小程序开发,打造教育行业新模式

    中国目前仍旧处于应试教育的阶段,因此教育行业的市场还是非常有发展前景的。但是,如果教育行业仍旧处于传统的教育模式下

  • 如何开发一个高端大气的定制版微信小程序

    定制版的西装要高端大气,定制开发版的微信小程序也要如此。既然选择用定制形式来开发

  • 微信小程序开发数据分析功能能实现什么数据需求

    我们常常说,微信小程序开发了数据功能能给自己带来多好多好的效果,却很少提及到,这个数据分析功能能满足什么样的数据需求,导致很多小程序所有者在开发了这个功能之后,却不知道要去怎么使用,能有什么数据可以用来分析使用。所以,为了让这个功能能被更多人认识,今天的这篇软文,就要来详细说说这个问题。

  • 小程序开发亮点:广州微信小程序的价值所在

    关于小程序开发,目前还是处于一个初级阶段,但这并不代表它没有价值

  • 三项新功能开放,让微信小程序开发再无后顾之忧

    深夜放毒作为微信官方平台的小编们经常干的事,所以为了延续传统,这次开放的三个功能也都是在伸手见得到五指的黑夜里被放开,这三个功能包括了小程序关联公众号的数量、门店小程序与相关联小程序之间的跳转以及小程序版本回退这些方面的问题,为开发者在开发与利用小程序方面带去了福音。接下来我们就来具体分析一下这三个功能的作用。

  • 小程序【页面收录】功能——开启小程序SEO时代

    今年三月份,小程序上线【页面收录】功能,小程序开发者可以设置小程序是否被收录,或者通过配置实现特定页面被收录。只要开发者开启了这个功能,小程序的每一个页面就能被直接搜索到,用户点击后可以直接进入该页面。如果成千上百万个小程序页面都能被用户直接搜索到,那么信息量会是巨大的。