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

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(黄先生)
在线留言:
微信扫码,关注我们
相关文章
  • 广州微信小程序开发需要注意哪些细节

    站在广州微信小程序开发公司的立场来看,作为一个给需求者提供开发服务的公司,想要获得行业口碑以此来得到更多企业商家的青睐

  • 资讯类微信小程序运营的传播策略

    现在的微信小程序,不仅可以作为工具产品来使用,也可以作为一个推送资讯的平台来使用,不过由于小程序的入口比较特别,没有公众号的固定性,所以在运营推广上就需要去用符合它特色的方式去进行,而其中的内容传播也是需要有策略的。

  • 广州互诚科技给你讲讲微信小程序开发目前的痛点分析

    任何一个事物都不可能是十全十美的,微信小程序的开发也是如此。目前微信圈中火热的小程序开发,同样存在着开发痛点

  • 小程序开发文档之开发者相关问题集锦(二)

    微信小程序开发过程中,在进行数据操作或拼接时,主要是参考Vue.js这个前端框架,支持以前${ }这种写法类似的功能。

  • 微信小程序的发展方向在哪里

    自从2017年1月9日开始上线小程序至今,小程序开发从最初的火爆到中期的爆冷到...

  • 微信小程序红利期到了,中小企业如何才能抓得住

    我们都在说微信小程序是继公众号后的第二个红利期所在,特别对于中小型企业来说,是个一个在微信平台发展的新机遇。但是,在这个机遇面前,重点的不是机遇是否存在,而是要如何去抓住并发展。对此,小编总结了几个需要注意的点,供各位企业商家参考参考。

17彩票充值 河北快3走势图 好彩客 彩70充值中心 江苏快3 128彩票充值中心 优乐彩充值 汇丰彩票官网 江苏快3 河北快3