大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
这篇文章主要介绍小程序中生命周期的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:空间域名、网站空间、营销软件、网站建设、曲沃网站维护、网站推广。
原因是 : 整个小程序应用有2个线程.
一个线程做视图渲染.
一个线程做逻辑处理.
这样你差不多应该清楚了 : wxml和wxss文件主要做视图展示,而js文件主要是做响应事件的逻辑处理,分工明确!
其次,我们再来分析:我们使用小程序会发现有很多的页面,那么谁来管理这些页面呢?页面和整个程序之间又是个什么样儿的关系呢?
[x] 一个app,有app和pages构成,有着不同的生命周期
app
一个程序启动后,执行onLaunch—>onShow
App({ onLaunch: function () { }, onShow: function (options) { }, onHide: function () { }, onError: function (msg) { } })
pages
一个程序启动后,执行onLaunch—>onShow后,接着加载首页;加载首页onLoad—>onShow—>onReady
Page({ data: { }, onLoad: function (options) { }, onReady: function () { }, onShow: function () { }, onHide: function () { }, onUnload: function () { }, onPullDownRefresh: function () { }, onReachBottom: function () { }, onShareAppMessage: function () { } })
此时,你已经看到了渲染好的首页了!
如果此时,你想看下你的帅帅的或者美美的自拍照,按下了Home键或者点击了右上角的退出小圆圈,此时小程序发生了什么呢?
- 首页加载 onLaunch—>onShow—>onLoad—>onShow—>onReady 加载完成
- 执行退出,小程序其实是执行了onHide(page的onHide)—>onHide(app的onHide)
如果你欣赏完自拍照后,你又想起了刚才的小程序,又感兴趣想瞅瞅,咋办呢?打开呗!打开之后,想想小程序会做什么呢?难道重新加载么?
- NO NO NO!如果你的自拍欣赏时间不是很长,或者内存十分足够小程序呆一会的话,小程序只需要被唤醒一下就好喽!^.^
-
onLaunch—>onShow—>onLoad—>onShow—>onReady—>onHide(page)—>onHide(app)这是刚才加载好首页,又退出后的生命线,此时如果你又进来了,那么程序将会这样走:onShow(app)—>onShow(page)
这个时候,对于一个页面的基本加载,应该没啥问题了吧
打开新的页面[新页面入栈]
原来页面:onHide
新的页面:onLoad—>onShow—>onReady
页面重定向[原页面出栈,新页面入栈]
原来页面:onUnload
新的页面:onLoad—>onShow—>onReady
页面返回[新页面出栈,显示原页面]
新的页面:onUnload
原来页面:onShow
Tab切换
新的页面:onHide
以上是“小程序中生命周期的示例分析”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!