4、小程序运行流程
(1)小程序的启动
- 微信客户端在打开小程序之前,会把整个小程序的代码包下载到本地(上传小程序包时最大2M)
- 紧接着通过 app.json 的 pages 字段就可以知道你当前小程序的所有页面路径,pages字段的第一个页面就是首页,微信客户端就把首页的代码装载进来,通过小程序底层的一些机制,就可以渲染出这个首页
- 小程序启动之后,在 app.js 定义的 App 实例的 onLaunch 回调会被执行
- 整个小程序只有一个 App 实例,是全部页面共享的
App
({
onLaunch: function () {
// 小程序启动之后 触发
}
})
(2)页面
- Page 是一个页面构造器,这个构造器就生成了一个页面
- 在生成页面的时候,小程序框架会把 data 数据和 index.wxml 一起渲染出最终的结构
- 在渲染完界面之后,页面实例就会收到一个 onLoad 的回调,你可以在这个回调处理你的逻辑。
Page
({
data: { // 参与页面渲染的数据
logs: []
},
onLoad: function () {
// 页面渲染后 执行
}
})
data: { // 参与页面渲染的数据
logs: []
},
onLoad: function () {
// 页面渲染后 执行
}
})