微信小程序生命周期

小程序的生命周期

1. 页面的生命周期

2. 小程序应用的生命周期

页面的生命周期

小程序页面的生命周期相关钩子方法需要在 Page.js 中进行定义，基本结构如下：

Page({
/** 页面的初始数据 */
data: {
},
/** 生命周期函数--监听页面加载 仅执行一次 */
onLoad: function (options) {
},
/** 生命周期函数--监听页面初次渲染完成 仅执行一次 */
onReady: function ()
},
/** 生命周期函数--监听页面显示 执行多次 */
onShow: function () {
},
/** 生命周期函数--监听页面隐藏 执行多次 */
onHide: function () {
},
/** 生命周期函数--监听页面卸载 仅执行一次 */
onUnload: function () {
},
})

小程序应用的生命周期

整个微信小程序从启动到销毁也会涉及到生命周期，称为小程序应用的生命周期。涉及到的相关生命周期钩子方法 需要在 app.js 中进行定义：

// app.js
App({
onLaunch(){ /** 当应用冷启动时（无运行状态中启动），执行 */
},
onShow(){ /** 当小程序显示时执行 */
},
onHide(){ /** 当小程序隐藏到后台时执行 */
},
globalData: {
// 全局共享数据存储区
}
})

小程序缓存设计方案 什么是缓存？

客户端向服务端发送第一次请求试图获取一组数据，当数据下载完毕后，客户端可以将这些数据存入客户端本地缓 存中。当下次发送相同请求时，先去本地缓存中搜索，看以前有没有存过，如果有，则直接获取后加载显示；如果 没有，再发请求。 所以缓存的机制并不复杂，关键是找对时机进行缓存的存储与读取。

在小程序中如何处理缓存？

微信小程序将 html5 中的 webstorage 封装了，提供了一些 wxAPI 用于向 storage 中存，从 storage 中取。 https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html