小程序提供了一个简单、高效的应用开发框架和丰富的组件及API,帮助开发者在微信中开发具有原生 APP 体验的服务。本文提及的案例为小程序搭建时常用种类,如需全面了解,可查阅官方文档(官网->首页->文档)。注意,查阅搜索时要输入api全称。
一、生命周期
1.1 小程序的生命周期
小程序生命周期,在小程序根目录下app.js文件里设置。每个小程序都需要在 app.js
中调用 App
方法注册小程序实例,绑定生命周期回调函数、错误监听和页面不存在监听函数等。
onError 小程序发送错误,用于提示与重启;
onHide 后台运行,用于停止播放;
onShow 前台展示,用于恢复播放;
onLaunch 页面启动,用于本地存储,系统信息获取,登录获取code等。
App({
onError(){
console.log("小程序生命周期:onError小程序发送错误")
},
onHide(){
console.log("小程序生命周期:onHide小程序后台运行")
onShow(){
console.log("小程序生命周期:onShow小程序前台展示")
},
onLaunch() {
console.log("小程序生命周期:onLaunch小程序页面启动")
// 展示本地存储能力
const logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)
// 登录
wx.login({
success: res => {
// 发送 res.code 到后台换取 openId, sessionKey, unionId
}
})
},
globalData: {
userInfo: null,
num:5
}
})
1.2 页面生命周期
对于小程序中的每个页面,都需要在页面对应的 js
文件中进行注册,指定页面的初始数据、生命周期回调、事件处理函数等。页面的生命周期常用api有以下几种。
onReady 第一次渲染完成;
onShow页面前台显示;
onHide页面后台运行;
onUnload页面页面