.js:页面逻辑文件

页面逻辑文件主要功能有:设置初始化数据,注册当前页面生命周期,注册事件处理函数等。小程序的逻辑文件是JavaScript文件,所有的逻辑文件,包括app.js,最终将会打包成一个js文件,在小程序启动时运行,直到小程序的销毁,类似于ServiceWorker,所以逻辑层也称为App Service。
在小程序中,每个逻辑文件都有独立的作用域,并具备模块化能力。每个小程序都需要在 app.js 中调用 App 方法注册小程序实例,绑定生命周期回调函数、错误监听和页面不存在监听函数等。

1、注册页面

在逻辑文件中需要通过构造器注册页面。指定页面的初始数据、生命周期函数、事件处理函数等。

使用 Page 构造器注册页面

简单的页面可以使用 Page ()函数注册页面。
属性:
data:类型Object,页面初始数据,数据必须是可转成JSON格式的对象类型。当页面第一次渲染时,data会以JSON的形式由逻辑层传至渲染层,渲染层可通过WXML进行数据绑定。
onLaunch:类型function,生命周期函数,页面加载时触发。启动时初始化,一个页面只会调用一次,接受页面参数
onShow:类型function,生命周期函数,页面显示时触发。从后台唤醒,切换到前台;每次打开页面都会调用一次。
onHide:类型function,生命周期函数,页面初次渲染时触发。切换到后台。
onUnload:类型function,生命周期函数,页面卸载时触发。关闭当前页面。
onPullDownRefresh:类型function,页面相关时间处理函数,用户下拉时触发。使用时需要将app.json配置中window的enablePullDownRefresh属性设置为true。当处理完数据刷新后,可以调用wx.stopPullDownRefresh方法停止当前页面下拉刷新。
onReachBottom:类型 function,页面上拉触底事件的处理函数。
onShareAppMessage :类型function , 用户点击右上角转发。
onPageScroll:类型 function,页面滚动触发事件的处理函数。
onResize :类型function ,页面尺寸改变时触发,详见 响应显示区域变化。
onTabItemTap :类型function,当前是 tab 页时,点击 tab 时触发。
示例代码:

Page({
  data: {
    text: "This is page data."
  },
  onLoad: function(options) {
    // 页面创建时执行
  },
  onShow: function() {
    // 页面出现在前台时执行
  },
  onReady: function() {
    // 页面首次渲染完毕时执行
  },
  onHide: function() 
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值