小程序的启动流程

小程序的启动流程

当我们启动一个小程序时，会按照下面的流程开始执行

第一步：下载小程序包
首先，我们需要知道的是，当我们使用小程序的时候就跟使用一个手机上的 app 一样，都需要下载，只不过，小程序的包文件很小，所以下载就很快，我们几乎就感受不到它的下载过程

第二步：启动小程序
当小程序下载好之后，就开始了小程序的启动

第三步：加载解析 app.json
当小程序启动之后，第一件做的事情就是加载解析 app.json 文件，这个文件里面包含着许多重要的全局配置，比如 pages（定义了页面的路径）、window（定义了窗口的如何展示）、tabBar（定义了底部tab 栏的展示）

第四步：注册 App（App里面包含了许多的声明周期函数），当注册 App 的时候也会执行 App里面的生命周期函数

第五步：加载自定义组件代码 注册自定义组件

---

从这一步开始，就开始了每个页面的相关解析以及界面的渲染，一个小程序会有许多的页面，而每个页面都会执行下面的这些步骤

第六步：加载解析 page.json
page.json里面包含了许多局部配置

第七步

• 渲染层加载渲染 page.wxml
• 逻辑层注册 Page（逻辑层也有对应的生命周期）并执行 Page 生命周期

以上的步骤可以如图下图所示

注册 App

每个小程序都需要在 app.js 文件中调用 App 方法注册小程序实例
另外在注册的同时，也可以绑定不同的生命周期函数；
除此之外，还可以根据各个生命周期函数的不同特点从而在不同的生命周期函数里执行不同的代码

常用的几个生命周期函数

App({
   
  // 当小程序初始化完成时，会触发 onLaunch (全局只触发一次)
  onLanuch: function() {
   
   console.log('小程序初始化完成，onLaunch');
  },
  // 当小程序启动，或从后台进入前台显示，会触发 onShow
  onShow: function() {
   
    console.log