学习小程序之旅~记点笔记

其实早就想学习一点关于小程序了，不过初略看了一下文档，感觉很简单的。所以一直没有好好抛开其他的繁杂事，静下心来好好学习一下小程序。最近终于有了一点心思，所以就打算保持下去。

1、生命周期 onShow 、 onHide 和 onUnload

onShow: 监听页面显示， onHide: 监听页面隐藏， onUnload: 监听页面卸载

当从一个主页面跳转到子页面的时候，这个时候触发的隐藏监听事件onHide

// 监听页面隐藏事件
onHide() {
    console.log('onHide')
},
// 监听页面卸载事件
onUnload() {
    console.log('onUnload')
}

// 监听页面显示事件
onUnload() {
    console.log('onShow')
}

// 假设点击跳转事件
onTap() {
    wx.navigateTo({
        url: '../logs/logs'
    })
    // 会打印出 'onHide'
},

// 假设点击跳转事件
onTap() {
    wx.redirectTo({
        url: '../logs/logs'
    })
    // 会打印出 'onUnload'
},

// 假设点击跳转事件
onTap() {
    wx.navigateBack({
      delta: 1
    })
    // 会打印出 'onShow'
},

总结:

1. navigateTo() 方法 跳转，页面会被隐藏保留起来，会触发生命周期 onHide 事件。然后可以通过navigateBack()方法进行返回， 又会触发 onShow 事件。
2. redirectTo() 方法 跳转，页面会先被关闭，然后再进行跳转，会触发生命周期 onUnload事件。

会持续做笔记...