小程序中生命周期的示例分析

　　介绍

这篇文章主要介绍小程序中生命周期的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

原因是:,整个小程序应用有2个线程。

<李>

一个线程做视图渲染。

<李>

一个线程做逻辑处理。
这样你差不多应该清楚了:wxml和wxs文件主要做视图展示,而js文件主要是做响应事件的逻辑处理,分工明确!

其次,我们再来分析:我们使用小程序会发现有很多的页面,那么谁来管理这些页面呢?页面和整个程序之间又是个什么样儿的关系呢?

<李>

[x]一个应用程序,有程序和页面构成,有着不同的生命周期

<李>

应用
一个程序启动后,执行onLaunch→昂秀

应用程序({ 　　,,onLaunch: function  (), { 　　,,}, 　　,,昂秀:function (选项),{ 　　,,}, 　　,,onHide: function  (), { 　　,,}, 　　onError才能:function (味精),{ 　　,,} 　　}) <李>

页
一个程序启动后,执行onLaunch→昂秀后,接着加载首页;加载首页onLoad→昂秀→onReady

页面({ 　　,,数据:{ 　　,,}, 　　onLoad才能:function (选项),{ 　　,,}, 　　,,onReady: function  (), { 　　,,}, 　　,,昂秀:function  (), { 　　,,}, 　　,,onHide: function  (), { 　　,,}, 　　onUnload才能:function  (), { 　　,,}, 　　,,onPullDownRefresh: function  (), { 　　,,}, 　　,,onReachBottom: function  (), {, 　　,,}, 　　,,onShareAppMessage: function  (), { 　　,,} 　　})

此时,你已经看到了渲染好的首页了!

如果此时,你想看下你的帅帅的或者美美的自拍的照,按下了回家键或者点击了右上角的退出小圆圈,此时小程序发生了什么呢?
　　李,——首页加载> <>

打开新的页面(新页面入栈)

<李>

原来页面:onHide

<李>

新的页面:onLoad→昂秀→onReady

<李>

页面重定向[原页面出栈,新页面入栈)

<李>

原来页面:onUnload

<李>

新的页面:onLoad→昂秀→onReady

<李>

页面返回(新页面出栈,显示原页面)

<李>

新的页面:onUnload

<李>

原来页面:昂秀

<李>

选项卡切换

<李>

新的页面:onHide

小程序中生命周期的示例分析