小程序开发之单页面生命周期

data
- 页面初始化数据，相当于view的虚拟节点，存放页面需要的数据，
- 类型：Array，Object，Function，String，Number，Null，boolean等
- 直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的，还会造成数据不一致。
- 仅支持设置可 JSON 化的数据。
- 单次设置的数据不能超过1024kB，请尽量避免一次设置过多的数据。
- 请不要把 data 中任何一项的 value 设为 undefined ，否则这一项将不被设置并可能遗留一些潜在问题

onLoad(options)
- 监听页面的加载，加载完成后就不会再执行。
- 可以接受上个页面伴随url传递过来的参数

onShow()
- 页面加载完成后开始执行，在返回上个页面时会执行

onHide()
- 离开页面时执行，wx.navigateTo时会执行

onReady()
- 页面渲染完行

onUnload()
- 页面卸载时会执行，wx.reLaunch()时会执行

onPullDownRefresh()
- 页面下拉时触发，可以在这里执行下拉刷新的操作

onReachBottom()
- 页面上啦触底执行，执行上划加载事件
- 页面触底事件是相对于整个页面而言触底时触发，单个view元素需要用js实现

注：使用上拉加载下拉刷新需要现在json文件中进行如下配置

{

"enablePullDownRefresh": true,

"backgroundTextStyle": "dark",

"onReachBottomDistance": 50

}

onShareAppMessage()
- 页面右上角的转发分享事件
- API传送门：https://developers.weixin.qq.com/miniprogram/dev/api/share.html#wxgetshareinfoobject

onShareAppMessage: function (res) {

if (res.from === 'button') {

// 来自页面内转发按钮

console.log(res.target)

}

return {

title: '项目名称',

path: '/pages/xx/xx'

}

转载于:https://www.cnblogs.com/bgwhite/p/9335557.html

小程序开发之单页面生命周期相关推荐

微信小程序学习6：页面生命周期回调函数
微信小程序学习6:页面生命周期回调函数文章目录微信小程序学习6:页面生命周期回调函数 1 生命周期图像 2 生命周期回调函数触发条件 onLoad(Object query) onShow() o ...
微信小程序开发之详解生命周期方法
生命周期是指一个小程序从创建到销毁的一系列过程在小程序中 ,通过App()来注册一个小程序 ,通过Page()来注册一个页面先来看一张小程序项目结构根目录下面有包含了app.js,app.wxs ...
微信小程序页面栈_微信小程序开发中的页面栈及页面路由原理
摘要:小程序的开发方兴未艾,本文以图解的形式详细剖析了小程序开发中的页面栈及页面路由原理,对于该原理的深入理解有助于开发者更好地理解小程序的开发框架,更好地开发出功能强大的小程序. 微信小程序(以下简 ...
微信小程序网络请求接口及生命周期
前言:前期我们对微信小程序有些基本了解,像标签,样式,组件....等. 今天我们继前期进行继续的了解一. 网络请求 HTTP(HyperText Transfer Protocol)是一套计算机通过 ...
微信小程序的路由，以及生命周期
路由什么是路由? 路由(routing)是指分组从源到目的地时,决定端到端路径的网络范围的进程.我们可以理解微信小程序页面路由,根据路由规则(路径)从一个页面跳转到另一个页面的的规则. 主要有以下几 ...
微信小程序开发笔记—设置页面密码
文章目录一.功能概述二.实现效果三.实现方法 1.新建个人登陆页面 2.设计密码获取判别函数和响应函数 1)定义变量 2)设计密码获取判别函数 3)设计响应函数 3.设计页面内容 1)input ...
微信小程序开发---应用与页面的生命周期
App App() App() 函数用来注册一个小程序.接受一个 object 参数,其指定小程序的生命周期函数等. object参数说明: 属性类型描述触发时机 onLaunch Functi ...
微信小程序如何修改单页面背景色
遇到这个问题的时候,我第一时间去微信公众平台上面查页面配置,我发现这样的描述: 当我看到这个的时候我觉得找到了,就是你了.我在单页面的xx.json 中配置backgroundColor 就可以了.但 ...
音乐播放器微信小程序开发-歌单界面（简陋版）
仿QQ音乐app的歌单界面制作了一个简易且简陋的歌单界面. 首先po一张最终效果图(很多功能还没实现,以及还有bug没有改好) 因为不涉及到逻辑,目前只需一些网页开发经验与知识即可(当然啦,还需要一定 ...
（一）支付宝小程序开发之实现页面上拉加载
1.data里面设置 page 初始值为1 ,totalpage 为数据一共的页数 , load 和 loading 分别控制在渲染层的显隐 2.这里我自己封装 ServerConnect 方法来处理 ...

小程序开发之单页面生命周期

小程序开发之单页面生命周期相关推荐

最新文章

热门文章