小程序生命周期详解与执行顺序

"小程序的生命周期及其执行顺序" 小程序是微信提供的一种轻量级的应用开发框架，它允许开发者在微信内创建无需安装即可使用的应用。理解小程序的生命周期对于开发高效且用户体验良好的小程序至关重要。以下是关于小程序生命周期的一些关键知识点： #### 小程序全局生命周期 1. **onLaunch**: 当小程序初始化完成时，全局只触发一次`onLaunch`。这是小程序首次启动或被后台杀死后重新打开时调用，通常用于设置全局变量、初始化数据等。 2. **onShow**: 当小程序显示时，会触发`onShow`。这包括从后台切回小程序、从其他页面跳转到该小程序或者用户点击小程序图标打开。`onShow`不能传递参数，但可以用来更新界面状态或处理用户返回等。 3. **onHide**: 当小程序隐藏，如切换到其他页面或被后台化时，触发`onHide`。这可以用来做一些资源释放或停止定时任务的操作。 4. **onUnload**: 当页面被卸载，比如使用`wx.redirectTo`或`wx.navigateBack`关闭当前页面时，触发`onUnload`。这个方法适合清理页面数据和资源。 在生命周期执行顺序上，如果是冷启动（即小程序首次打开或被后台杀死后打开），顺序是`onLaunch` -> `onShow` -> `Page onLoad` -> `Page onShow` -> `Page onReady`。如果是热启动（小程序已经在后台，用户再次激活），只会触发`onShow`。 #### 页面生命周期 1. **onLoad**: 页面加载时调用，只在页面初始化时执行一次。在这个阶段，可以获取`options`参数，用于处理页面打开时携带的参数。 2. **onShow**: 页面显示时调用，无论页面是否被缓存，每次进入页面都会调用。可以用来刷新页面数据或调整页面状态。 3. **onReady**: 页面渲染完成时调用，表示页面已经准备好了，可以进行DOM操作。在这个阶段，页面布局已经确定，可以进行一些需要计算尺寸的优化工作。 4. **onHide**: 页面隐藏时调用，比如用户切换到其他页面或小程序被后台化。可以用来释放页面占用的资源。 5. **onUnload**: 页面卸载时调用，通常用于清理页面数据。 在Tab页面的生命周期中，首次请求时，顺序是`onHide` -> `onLoad` -> `onShow`；而第二次请求，由于页面被缓存，不再执行`onLoad`，只执行`onShow`以刷新页面。 此外，小程序的全局配置`App`中的`window`对象可以设置全局属性，这些属性可以在任何页面中访问，提供了一种共享数据的方式。 了解并熟练掌握这些生命周期方法，能够帮助开发者更精确地控制小程序和页面的状态，优化性能，提升用户体验。在实际开发中，合理利用生命周期方法可以实现诸如数据预加载、页面状态管理等功能。