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

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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 微信小程序开发之前如何做好战略规划?

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

  • 广州企业微信开发后的营销信息推送误区

    企业开发微信后就需要去进行运营,利用运营去做产品营销,来带动企业的发展。

  • 如何控制微信小程序宣传推广成本

    虽然微信小程序是在微信应用中去宣传推广的,由于微信的裂变传播以及庞大用户流量的支持,所以小程序在宣传推广的时候

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

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

  • 微信小程序开发过程中常见的问题解析

    在开发与测试微信小程序的过程中,也许会出现工具报错、页面加载、页面转发等问题。而既然出现问题就需要想办法去解决

  • 微信小程序开发文档之页面路由说明

    微信小程序中所有的页面路由都是由框架进行管理,在开发之前,需要了解一下页面路由触发方式以及与生命周期函数相关的内容

湖北快3平台 pc蛋蛋 pc蛋蛋网 江苏快3投注 pc蛋蛋首页 河北快三 广西快三 pc蛋蛋登入 湖北快3投注平台 pc蛋蛋