霍常亮淘宝客app开发系列视频课程第4节：初识微信小程序生命周期原创

哈喽，大家好，我是霍程，非常高兴和大家继续通过视频的方式沟通与学习，那么今天这节课呢，我们需要对小程序，那微信小程序的生命周期做一个基础的了解。好的，我们继续回到咱们上一节课啊，零结尾的时候对吧。我们。在。实战中跟大家讲述生命周期代表着什么，有什么用？首先呢，我们为了。避免啊，避免咱们这些没有用的代码对之前对之后进行干扰，咱们把它先删除掉。好，那么我们之前也说过嘛，这里呢，可以写入口对不对，咱们在这里假设。想要实现一个关于生命周期代码的展现非常简单，我们输入三个字母，APP。然后这个时候你就看到下面有很多待选项啊，在这里如果说你用的是Windows系统的话，是第四个对吧，这个方块双击。

你双击之后，它会直接出来很多行，这个呢，就是一个快捷键，和我们上一套课程中啊，我们讲的mini啊，啊就这个M对吧，一个意思啊，你敲两行可能出现一个九宫格啊，敲两个字母出现一个标题是一样的啊。那么我们在小程序里面敲完之后，他会展现出来常见的一些生命周期，对吧？那么在这里呢，我们再跟大家来讲一下这些生命周期有什么用，其实呢，我们在之前录制过关于啊QQ微信开发的相关的课程，你还记得QQ吧？你启动库Q的时候，你在子程序里面有一个启动时啊执行什么命令，然后加载时执行什么命令，然后启动插件时执行什么什么命令，打开窗口时执行什么什么命令，对吧？那么我们在这里。

你几乎可以理解为是一码事。当然说咱们在这儿呢，如果说。你对着这行代码看着不熟悉啊，咱们打开语言。上一套课程咱们也讲过一元对吧。我们随便新建一个。这个时候。创建完毕，它会执行一个。比如说123对吧，我们现在测试一下。看到吗？窗口只要创建完毕，这里呢，就会出现一个123。然后呢，在窗口。

将被销毁的时候。我们出现一个456。这是123，然后我们点击关闭看吧，这里有一个123456，所以呢，我们可以同理去理解啊，同理去理解。你。在写APP小程序的时候也是一样，对吧？如果说当小程序出完成时，会触发online，全局触发只有一次。就是他。当小程序启动或从后台进入前台时，会触发。后面跟它是对应的，当从前台进入后台时会触发。啊嗨。那么我们对于前台跟后台怎么理解？比如说咱们做完之后，用户点击之后跳转到了淘宝APP，跳转到了京东APP，那么京东APP就是前台，而我们这个程序就是后台。

而如果说用户购买完了，又回到咱们这个APP，他想再看看还有没有其他优惠的宝贝，那么有。就会咱们这个程序就等于是从后台就进入了前台。对不对，然后再往下面呢，这个就是说脚本错误的时候会提示什么什么啊。这个呢是几个常见的，然后关于生命周期呢，还有其他的，你比如说是销毁对吧，这个呢，我们后期也会遇到，咱们现在呢，只是带着大家讲一下，还有咱们对照一言来说。这里这个命令是调试输出，它的作用就是能够在咱们的。输入框里面展示出相关的信息。那同理，在咱们的。APP里面有没有同样的东西也有啊，也有这个命令，比如说嗯，在这。

啊，半角。我靠。好，我们在这里可以写一个。啊，那我们直接在这里写汉字行不行，由我写。触发。我直接这样写行不行？行行肯定是不行的，对吧，就好像是语言里面。也是一样。你在这里？你要是写。他也会报错。对不对。那么怎么样才不报？

加上个引号。对吧，这个时候它就不报错。那么同样啊。我们在。小程序里面也是一样啊。但是呢，这里呢，我们是用的是什么单引号。注意呢，也是这个弹夹。啊。这样的话就是一个输出，然后我们简单的调试啊，就是编一下。对吧，出发online。就是对应的啊，那么同理我们可以把下面每一个都写出来。

好，我现在。一下。对吧，那么这个时候我们可以看一下，它这里有一个触发on online，对应的就是第一个对吧，当小程序启动时往上这个触发online时，当小程序初始化完成时会触发一次，然后第二个呢，当小程序启动时，从后台或或从后台进入前台时。他也有了，那为什么后面两个没有呢？对吧，因为我们现在所展示的就是一个调用前台的过程。对不对。那么我们想让他测试一下先后台的效果，那怎么办啊，告诉你啊，点击。工具，然后找到工具栏管理之后，看到了吗？切后台啊，我把它勾选上，然后点击确定，这个时候你就看到切后台对不对？好，我们现在点击一下切后台。

看到了吧。小程序从前台进入后台，就是这里进行了输出啊，但但是说第一次使用这个命令呢，你可能会很觉得，哎，好神奇啊，我竟然能够控制在这里的输出的东西了，这里你想写啥就写啥，对不对，你想写什么就写什么。切前台切后台对不对。我们现在编译一下。看到了吧。这几个二哪来的，就是咱们在这写的，你可以控制对不对，这你想写什么就写什么。至于这个报错呢，咱们就不演示啊，因为但杀没有报错，但是以后你肯定会遇得到的，对吧，甭管说是易语言呀，还是小程序言，那多了去了，说哪个开发者哪能说一辈子没有遇到过报错，那除非你这辈子没开发过。

好，那么我们这节课呢，主要跟大家带着看一眼，关于啊生命周期的一些基础啊，然后呢，还有就是一个小的知识点啊，你如果说没有切后台啊，你可以在这个工具。工具栏管理里边可以进行调试。啊，咱们在幻灯片里边啊，重点写了一下啊，是在这个工具栏图标管理里面，在这里再进行设置。

好的，那么我们讲完了这个程序的啊，相相当于咱们预言里面的这个启动跟关闭啊。之后下面呢，就是一个。对吧，啊，也相当于这里的这个叫做页面。打开。那么这个时候呢，我们。这样咱们为了讲课呢，还是先把这些全都给他暂时删除掉。你你想一下啊，这个时候咱们的快捷键应该是什么。你想一想在这啊，咱们的快捷键对吧，就输入了APP3个字，输入它，那么我们现在在配置里边是不是应该输出一个配置，咱们试一下行不行啊P。

对吧，来到我们输入一下。没有反应啊，我们再重新试一下。啊，那可能刚才我们点错了啊，那这次就对了，那么这个时候呢，我们输入K之后，然后它也会出现很多很多事件，诶这次你会发现好像比刚才更多了，那么这个页面。他也会有。生命周期咱们呢，仿照刚才的套路啊，咱们也把它都打印出来。对吧，打野怎么打来着。啊，不止一份。

好，我们现在。

把他所有的日志都写上了，那么我们啊在这边呢，清空一下输出之后，咱们再来运行看一下编译。这个时候呢，我们来对照看一下，首先第一个是什么。第一个是他。对不对。那么也就是说，他。触发的。层级是最高的，首先触发的是他，你想啊。一个程序启动了，那肯定是初始化完成。对吧。再之后。小程序启动进入前台，那就这个页面。当你肉眼可见的最前端。对不对，就到这。然后这个页面出来之后怎么样，那就该跑到页面这边来了。那么我们看监听页面加载。找到下载。对吧，因为它会有一个加载的过程，它不是说直接就能展现，你甭管说是网页也好啊，还是APP也好，都是一样啊，至于说加载时间啊，那保洁还跟你家网速有关系的，对不对，那1K跟十兆的肯定还不一样。

在之后等它加载，那它转那圈，它总得有个转完的时候吧，等他加载完成了怎么样。现在是加载对吧，等于加载完成了，进去页面显示。监听页面显示。然后显示完成了，接听页面渲染完成。对吧，这个呢，就是它的基础的运作的一个顺序，当然说你现在呢。可能你也只能记得住啊，是他对吧，先触发这第一个，然后进入前台是第二个，然后在页面里边等等，即便真忘了没关系，你实际运营一下，然后对照这个找完你就知道了啊，咱们一拍脑花也能想起来，页面起来之后，你得先加载，加载完了你才能显示，显示完了诶，这才叫做渲染完成对不对，这个呢，是一个基础的一个关于页面加载的一个逻辑，然后呢，我们在这呢，也给大家整理了一下，对吧，页面的。

这个图太长了啊，我呢在幻灯片上就不放了。对吧，这个是页面的生命周期的一个图啊，然后根据这个图你大概也能理解啊，就算英语四级没过对吧，也能知道。Star开始啊，这个就是创建，创建的过程。对不对，然后到最后这个结束，也就是销毁的一个过程，大概就是这么一个流程，你只要有一个基础的了解，知道生命周期是什么就行，就好像一个人，人这一辈子是从生到死，小程序也是从开始创建到最后消亡啊，也是一样的一个逻辑。好，那么我们现在所说的呢，是一个页面的生命周期。

然后呢，我们继续看啊，现在呢，只是有了这个出现页面的相关的什么周期展示，那有人说那我要是想要看看，诶，它关闭前的展示怎么整的啊，非常简单对不对，咱们点击一下，在这个位置点击一下切后台。看到了吧，监听页面隐藏。生命周期啊on ahead啊，监听页面隐藏，然后这个页面隐藏之后，小程序从前台进入后台，那么就跑到了这头，对吧，小程序从前台进入后台，那么现在又有一个问题，什么问题，那我们在这边你看到还有一个卸载，对吧？那什么时候才能出现这个卸载呢？咱们举个例子啊，你比如说我们从首页。看到一个商品不错，我们点击一下，然后进入到关于这个商品的一个详情页。然后呢，这个详情页，我看一下这商标好像也不咋地，咱们就把这个商品详情页给他点击一下返回，返回到首页。那么对于刚才这个过程从。

详情页返回到首页这个过程中，那么什么相当于卸载了这个详情页就相当于是卸载了。