小程序生命周期
它有四个阶段:
- 创建阶段
- 响应阶段
- 销毁阶段
- 重启阶段
生命周期: 它是指一个程序从启动到关闭这一过程中产生的一些列事件的总和.
小程序生命周期分为 : 页面周期 组件周期
生命周期加载过程
- 小程序首次启动后,首次加载页面会触发 onLoad 事件
- 当页面显示的时候,会加载 onShow 事件
- 如果这个页面是首次渲染完成,会接着触发 onReady 事件
- 如果 小程序切换到后台,页面就会被隐藏的同时 会触发 onHide 事件 ,下次切换到前台时, 会再次出发 onShow 事件
- 最后,当页面会回收销毁时,会触发 onUnload 事件
小程序 生命周期事件
onLoad 事件
onLoad 事件在小程序加载完成后发生,该事件通常用于初始化小程序的数据和配置。例如,你可以在 onLoad 事件中使用 JavaScript 对象来获取用户的数据,或者将数据加载到小程序中。
onShow 事件
onShow 事件在小程序显示时发生,该事件通常用于显示小程序的界面和功能。例如,你可以在 onShow 事件中启动小程序的功能或者打开小程序的界面。
onHide 事件
o nHide 事件是小程序的一种隐藏事件,当小程序被用户隐藏或者关闭时,该事件会被触发。通常,你可以在 onHide 事件中处理小程序的隐藏逻辑,例如保存用户数据或者关闭小程序的界面等。
需要注意的是,小程序的 onHide 事件不会在用户手动关闭小程序时触发,只会在小程序被自动隐藏或者关闭时触发。
onReady 事件
onReady 事件在小程序准备好渲染时发生,该事件通常用于渲染小程序的界面和数据。例如,你可以在 onReady 事件中使用 JavaScript 对象来渲染小程序的界面和数据。
注意事项:
- 在 onReady 事件中渲染界面和数据时,请确保数据已经被正确加载和准备就绪。
- 如果小程序在准备时遇到了错误,则 onReady 事件可能不会触发,并且小程序将无法正常运行。
onUnload 事件
- onUnload 事件在小程序退出时发生,该事件可以用于清理小程序的数据和配置。例如,你可以在 onUnload 事件中删除小程序的缓存或者关闭小程序的界面。
注意事项:
- 在 onUnload 事件中删除小程序的缓存时,请确保缓存已经被正确清理。
- 如果小程序在退出时遇到了错误,则 onUnload 事件可能不会触发,并且小程序将无法正常运行。
小程序配置
全局配置
由于小程序的配置属性很多,可以 记住 这 3 个 核心配置,后期需要配置什么,看文档即可.
- 页面路由配置 pages 属性配置
- 窗口表现配置 windows 属性配置
- 底部标签导航配置 tabBar 属性配置
页面配置
除了全局配置外,小程序还可以通过 页面的 json 来进行配置,它只能配置 window 属性,也就是 页面的窗口表现。
页面配置优先级高于全局配置。
小程序架构
小程序是 混合开发模式 (Hybrid),小程序主要由 Web技术渲染 客户端原生能力封装成接口 供开发这调用,并通过双线程模型分离 界面渲染 和 逻辑处理。
小程序的架构分为 3 层:
- 逻辑层
- 渲染层
- 系统层
小程序一些常用 api
api | desc | |
---|---|---|
this.route | 获取当前所处的页面 | |
getApp() | 获取全局应用实例 | 可以定义全局变量和方法 |
模块化
通过抽离一些公共的代码封装成一个 js 文件,然后 通过 module.exports 或者 exports 导出,在使用模块化文件时,可以通过 require 引入 该文件即可。
模块只能 通过 module.exports 或者 exports 才能对外暴露接口
代码语言:txt复制// common.js
function getInfo(name) {
console.log(`测试 ------- ${name}`)
}
module.exports = {
getInfo
}
exports.getInfo = getInfo
代码语言:txt复制//test.js
const common = require("../../utils/common")
onLoad: function (options) {
console.log(this.route)
common.getInfo('你好