首页 > 编程语言 >小程序页面的生命周期

小程序页面的生命周期

时间:2023-01-31 16:11:20浏览次数:43  
标签:function 生命周期 -- 程序 周期函数 js 监听 页面

##### 4.6 页面的生命周期

##### 问题

- 页面的生命周期函数都有哪些?

1. 每个小程序页面,必须拥有自己的 `.js` 文件,且必须调用 `Page()` 函数,否则报错。其中 `Page()` 函数用来注册小程序页面

2. `Page(Object)` 函数接收一个 `Object` 参数,可以通过这个 `Object` 参数,指定页面的生命周期函数

3. `page.js`

   ```js
   //index.js
   //获取应用实例
   const app = getApp()
   
   Page({
   
     /**
      * 页面的初始数据
      */
     data: { },
   
     /**
      * 生命周期函数--监听页面加载
      */
     onl oad: function (options) { },
   
     /**
      * 生命周期函数--监听页面初次渲染完成
      */
     onReady: function () { },
   
     /**
      * 生命周期函数--监听页面显示
      */
     onShow: function () { },
   
     /**
      * 生命周期函数--监听页面隐藏
      */
     onHide: function () { },
   
     /**
      * 生命周期函数--监听页面卸载
      */
     onUnload: function () { },
   
     /**
      * 页面相关事件处理函数--监听用户下拉动作
      */
     onPullDownRefresh: function () { },
   
     /**
      * 页面上拉触底事件的处理函数
      */
     onReachBottom: function () { },
   
     /**
      * 用户点击右上角分享
      */
     onShareAppMessage: function () { }
   })

 

标签:function,生命周期,--,程序,周期函数,js,监听,页面
From: https://www.cnblogs.com/harryzong/p/17079520.html

相关文章

  • 租赁小程序源码定制|沈阳租赁小程序开发功能
    共享经济其实只是共享租赁早期模式,租赁产品正在逐渐增加,比如共享家具、共享房子等,这些产品都是采用租赁的模式,商业模式和盈利模式都是稳定的,因此发展的脚步会逐渐加快,租赁小......
  • Qt 程序主界面添加背景图片
    1、开发环境:Qt5.12.2,QtCreate4.8.22、贴图代码,在主程序中编写#include<QImageReader>intmain(intargc,char*argv[]){QApplicationa(argc,argv);Mai......
  • 如何通过Java应用程序添加或删除 PDF 中的附件
    当我们在制作PDF文件或者PPT演示文稿的时候,为了让自己的文件更全面详细,就会在文件中添加附件。并且将相关文档附加到PDF可以方便文档的集中管理和传输。那么如何添加或删......
  • 微信小程序跳转到另一个小程序 wx.navigateToMiniProgram 方法,调试
    wx.navigateToMiniProgram(Objectobject)需要页面权限:小程序不能在插件页面中调用该接口,插件也不能在小程序页面中调用该接口打开另一个小程序wx.navigateToMiniPro......
  • 微信小程序设置背景图的几种方式
    作为前端开发人员来说设置背景图那是多么简单的事,刚开始我就在wxss文件中使用background-image:url()来设置背景图片,结果保存控制台出现错误提示,如图所示: .page{......
  • 微信小程序打开另一个小程序
    前言有时候,我们需要在自己的小程序中打开另一个小程序,可以使用navigateToMiniProgram这个api来实现,可以看一下api的相关参数。方案一使用之前还需要做两个准备,要打开......
  • 生命周期,组件,插槽
    发请求语法wx.request({url:'请求地址',method:'请求方式',data:{//请求携带的参数,不管是get还是post都是写这里},success:res......
  • nginx部署vue history模式项目页面刷新报404问题
    nginx部署vuehistory模式项目页面刷新报404问题解决方案:在nginx配置种添加以下代码:try_files$uri$uri//index.html示例:location/{rootdist;......
  • 微信小程序获取openId
    代码如下wx.login({success(res){console.log('login',res)//获取openid需要先拿到codewx.request({url:`https://ap......
  • 读Java8函数式编程笔记06_Lambda表达式编写并发程序
    1. 阻塞式I/O1.1. 一种通用且易于理解的方式,因为和程序用户的交互通常符合这样一种顺序执行的方式1.2. 将系统扩展至支持大量用户时,需要和服务器建立大量TCP连接,因此......