微信小程序开发笔记（一）

矫情吗；* 2023-03-13 11:34 26阅读 0赞

## 微信小程序开发笔记（一） ##

### 页面加载顺序 ###

页面初次加载的时候，微信客户端就会给Page实例派发onLoad事件，Page构造器参数所定义的onLoad方法会被调用，onLoad在页面没被销毁之前只会触发1次，在onLoad的回调中，可以获取当前页面所调用的打开参数option。

页面显示之后，Page构造器参数所定义的onShow方法会被调用，一般从别的页面返回到当前页面时，当前页的onShow方法都会被调用。

在页面初次渲染完成时，Page构造器参数所定义的onReady方法会被调用，onReady在页面没被销毁前只会触发1次，onReady触发时，表示页面已经准备妥当，在逻辑层就可以和视图层进行交互了。

##### **注意事项：** #####

我们只要保持一个原则就可以提高小程序的渲染性能：**每次只设置需要改变的最小单位数据**

### 页面的用户行为： ###

1.  下拉刷新 onPullDownRefresh  
    监听用户下拉刷新事件，需要在app.json的window选项中或页面配置page.json中设置enablePullDownRefresh为true。当处理完数据刷新后，wx.stopPullDownRefresh可以停止当前页面的下拉刷新。
2.  上拉触底 onReachBottom  
    监听用户上拉触底事件。可以在app.json的window选项中或页面配置page.json中设置触发距离onReachBottomDistance。在触发距离内滑动期间，本事件只会被触发一次。
3.  页面滚动 onPageScroll  
    监听用户滑动页面事件，参数为 Object，包含 scrollTop 字段，表示页面在垂直方向已滚动的距离（单位px）。
4.  用户转发 onShareAppMessage  
    只有定义了此事件处理函数，右上角菜单才会显示“转发”按钮，在用户点击转发按钮的时候会调用，此事件需要return一个Object，包含title和path两个字段，用于自定义转发内容，

### 页面的跳转 ###

一个小程序拥有多个页面，我们可以通过wx.navigateTo推入一个新的页面。

页面栈：\[ pageA, pageB, pageC \]

1.  使用 wx.navigateTo(\{ url: ‘pageD’ \}) 可以往当前页面栈多推入一个 pageD，此时页面栈变成 \[ pageA, pageB, pageC, pageD \]。
2.  使用 wx.navigateBack() 可以退出当前页面栈的最顶上页面，此时页面栈变成 \[ pageA, pageB, pageC \]。
3.  使用wx.redirectTo(\{ url: ‘pageE’ \}) 是替换当前页变成pageE，此时页面栈变成 \[ pageA, pageB, pageE \]，当页面栈到达10层没法再新增的时候，往往就是使用redirectTo这个API进行页面跳转。

**注意：**

> wx.navigateTo和wx.redirectTo只能打开非TabBar页面，wx.switchTab只能打开Tabbar页面。