onload和onshow,uni-app中onLoad跟onShow的区别

onload和onshow,uni-app中onLoad跟onShow的区别详细介绍

本文目录一览： onshow 和 onload 的区别

这个应该是计算机里面的语言吧。OnShow ,OnHide 本身就是指定显示与否,不可以在这样的事件中用.Visible .
就比如吧Onshow中你用Form1.Visible := False , 事让窗体在显示的时候不显示,你不是让编译器为难么?:)
这就是为什么可以在OnCreate中用,不能在OnShow中用.OnShow ,OnHide 本身就是指定显示与否,不可以在这样的事件中用.Visible .
就比如吧Onshow中你用Form1.Visible := False , 事让窗体在显示的时候不显示,你不是让编译器为难么?:)
这就是为什么可以在OnCreate中用,不能在OnShow中用. OnShow ,OnHide 本身就是指定显示与否,不可以在这样的事件中用.Visible .
就比如吧Onshow中你用Form1.Visible := False , 事让窗体在显示的时候不显示,你不是让编译器 为 难么?:)
这就是为什么可以在OnCreate中用,不能在OnShow中用.
onLoad: 页面加载时触发，从二级页面回来时不会触发。
onshow: 当小程序启动，或从后台进入前台显示，会触发 onShow, 从二级页面回来时也会触发。
是微信小程序的话：
onLoad: 页面加载
一个页面只会调用一次。
接收页面参数 可以获取wx.navigateTo和wx.redirectTo及
中的 query。 （通俗点就是 你编辑好代码后 点击保存 这时候整个程序加载 这个页面也会加载 就会跑这里的函数 只要页面加载 就会跑）
onShow: 页面显示
每次打开页面都会调用一次。（页面加载好之后 你切到其他页面 再回来 显示这个页面 之前加载过的话 onLoad就不跑了 这是 页面信息呈现在你面前的这个过程 会跑onShow ）
当然我也是刚学习不久 如果哪里不对 请大神们指正 这里只是小弟目前的个人理解
onshow 和 onload的区别为：指代不同、用法不同、侧重点不同
一、指代不同
1、onshow：上演。
2、onload：页面加载。
二、用法不同
1、onshow：show的基本意思是“给…看”，可指有意或无意地将某物置于他人视野内，也可指将他人带到能看到该物的地方。show也可作“上演、展出”; “为…带路”，“带…到某处”解，引申还可表示“表现出”“显露出”“流露出”，“说明”“表明”，“呈现”等。
2、onload：load作名词时基本意思是“负荷，负担”，可指人、畜、车辆、船只或飞机所负荷的东西，也可指人精神上的负担。load作“装载，装载量”解时，指的是交通工具的所能运载量的大小。
三、侧重点不同
1、onshow：每次打开页面都会调用一次。
2、onload：一个页面只会调用一次。

uni-app中onLoad跟onShow的区别

onLoad：

监听页面加载，整个生命周期里只在页面加载的时候加载一次。加载页面会首先加载onLoad。onLoad先于onShow执行

onShow

监听页面显示，页面每次出现在屏幕上都触发，页面的整个生命周期里，可执行多次。如使用uni.navigateBack({});从下级页面返回到当前页面依旧会加载onShow，但是不会加载onLoad。

onload和onshow只调一个

是。onshow：每次打开页面都会调用一次。onload：一个页面只会调用一次。onLoad页面加载时触发。一个页面只会调用一次，可以在onLoad的参数中获取打开当前页面路径中的参数。onShow页面显示时触发。会重新加载。

微信小程序生命周期（onLoad，onHide，onShow，onReady，onUnload）

周期指程序从创建、到开始、暂停、唤起、停止、卸载的过程。下面从一下三个方面介绍微信 小程序 的生命周期：
应用生命周期
页面生命周期
应用生命周期影响页面生命周期
应用生命周期

1、用户首次打开小程序，触发 onLaunch（全局只触发一次）。
2、小程序初始化完成后，触发onShow方法，监听小程序显示。
3、小程序从前台进入后台，触发 onHide方法。
4、小程序从后台进入前台显示，触发 onShow方法。
5、小程序后台运行一定时间，或系统资源占用过高，会被销毁。
前台、后台定义： 当用户点击左上角关闭，或者按了设备 Home 键离开微信，小程序并没有直接销毁，而是进入了后台；当再次进入微信或再次打开小程序，又会从后台进入前台。需要注意的是：只有当小程序进入后台一定时间，或者系统资源占用过高，才会被真正的销毁。
页面生命周期

1、小程序注册完成后，加载页面，触发onLoad方法，一个页面只会调用一次。
2、页面载入后触发onShow方法，显示页面，每次打开页面都会调用一次。
3、首次显示页面，会触发onReady方法，渲染页面元素和样式，一个页面只会调用一次。
4、当小程序后台运行或跳转到其他页面时，触发onHide方法。
5、当小程序有后台进入到前台运行或重新进入页面时，触发onShow方法。
6、当使用重定向方法wx.redirectTo(OBJECT)或关闭当前页返回上一页wx.navigateBack()，触发onUnload
wx.navigateTo跳转状态下，页面A和页面B的生命周期逻辑
1、进入A页面：A执行onLoad()-->onShow()-->onReady()；
2、A页面navigateTo B页面：A执行onHide()，B执行onLoad()-->onShow()-->onReady()；
3、B页面返回A页面：B执行onUnload()，A执行onShow()；
4、退出A页面：A执行onUnload()。
应用生命周期影响页面生命周期

1、小程序初始化完成后，页面首次加载触发onLoad，只会触发一次。
2、当小程序进入到后台，先执行页面onHide方法再执行应用onHide方法。
3、当小程序从后台进入到前台，先执行应用onShow方法再执行页面onShow方法。

小程序 onshow 和 onload 的区别

onLoad: 页面加载时触发，从二级页面回来时不会触发。
onshow: 当小程序启动，或从后台进入前台显示，会触发 onShow, 从二级页面回来时也会触发。

小程序启动参数相关问题

相关链接：

每次通过 scheme 调用，前端表现是重新触发 onLaunch 和 onShow，都会传参给app.js 的 onLaunch 和 onShow，基础页面会重新触发 onLoad 和 onShow 方法。

在保活期间（5分钟），比如锁屏之后，会重新触发 onShow 方法，但是却没法获取参数，也就是传参 scheme 只会在调用的时候触发一次，再次启动只是触发 onShow 不会传参。只能前端在 onShow 里做相应的业务逻辑。

当小程序用 scheme 从后台唤起的时候，其实相当于重新被打开了 onLoad，还有 onShow 都会被触发。

在保活期间（5分钟）被重新唤起的时候，就只会触发 onShow 。

在小程序 app.js 的 onLaunch 或 onShow 进行获取启动参数。

如果冷启动，则会在 onLaunch(options) 中获得参数； 如果为热启动，则会在 onShow(options) 中获得参数。建议冷启动中获取不了的时候，再尝试在 onShow 中获取，若还是获取不了，则可判定为没有拿到该参数。

大同小异，后续补上...

微信小程序：渲染流程、生命周期和触发顺序

小程序的生命周期分为 应用生命周期 、 页面生命周期

App() 必须在 app.js 中调用，必须调用且 只能调用一次 ，app.js中定义了一些应用的生命周期函数
（1）onLaunch: 初始化小程序时触发，全局只触发一次
（2）onShow: 小程序初始化完成或用户从后台切换到前台显示时触发
（3）onHide: 用户从前台切换到后台隐藏时触发
（4）onError: 小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息

后台：点击左上角关闭，或者按了设备 Home 键离开微信，并没有直接销毁，而是进入后台
前台：再次进入微信或再次打开小程序，相当于从后台进入前台。
官方介绍 https://developers.weixin.qq.com/miniprogram/dev/reference/api/App.html

js文件中定义了一些页面生命周期函数，下面简述下这些生命周期函数的方法作用
（1）onLoad：首次进入页面加载时触发，可以在 onLoad 的参数中获取打开当前页面路径中的参数。
（2）onShow：加载完成后、后台切到前台或重新进入页面时触发
（3）onReady：页面首次渲染完成时触发
（4）onHide：从前台切到后台或进入其他页面触发
（5）onUnload：页面卸载时触发

官方介绍 https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html

通过console.log验证它们的触发顺序

以上是对生命周期粗略的认识，如有不足请指正~

参考链接 https://www.jianshu.com/p/2e48f2468d5f

VueCli用keep-alive实现onLoad,onShow

vue返回上一页的时候，默认都会重新执行生命周期，重新加载数据，这样其实不太友好。那我们仿照微信小程序，返回上一页不会触发onLoad，但是会触发onShow，我们就可以在onShow里面做一些事情。

2020-07-31 微信小程序数据刷新与重新加载

onLoad ?生命周期回调—监听页面加载

onShow ?生命周期回调—监听页面显示

onReady ?生命周期回调—监听页面初次渲染完成

onHide 生命周期回调—监听页面隐藏

onUnload ?生命周期回调—监听页面卸载

1.执行某方法后数据刷新与重新加载

? ? 可直接调用 onLoad ， onShow ， onReady 方法

????this.onLoad(),this.onShow(),this.onReady()

? ? 方法执行后会重新调用对应的执行方法，里面的数据会重新渲染执行

2.页面回退或隐藏显示后

? ? 当进入新的页面比如：添加，修改等，再返回当前页面重新渲染数据。

? ? 可直接将获取数据的方法写在onShow()中，当页面重新显示后就会再次运行onShow()中的方法

微信小程序 通过onshow获取options的参数

现在的小程序获取options值的话,最简单的方式,就是使用?onLoad(生命周期函数--监听页面加载) 来获取了

但是有的时候 需要使用?onShow(生命周期函数--监听页面显示) 来获取?options ,这个时候就获取不到options 值

打印options?会显示? ?undefined

如何在onshow中获取?options值

首先获取小程序的页面栈

什么是小程序的页面栈,了解一下;

举例 :如果一个网页,你一直点击链接 ,就会一直跳转,(前提没有打开新的页面),你每打开一个页面,就会向页面栈中引入一个当前页面,就形成了一个栈结构,可以从当前的页面,一直返回到第一个页面.

同理,小程序也是存在栈结构的,小程序的栈解构,是有限制,最大长度只有10,只保存10个,如果超出10个,就会把第一个页面,释放掉;

1. getCurrentPages( ) 获取页面栈

注意

一定要从传递参数的页面跳转过来, 注意

我个人的 :传递参数页面是pages/user/user/? ,点击跳转的是pages/order/order,?

打印结果

打印出来是一个数组, 其中有标记着自己现在哪一个页面的路径"_route_",找到当前的页面路径;? options就在其中? ?

注意:我个人传递的参数 是tyoe = 1;? 传递参数页面是pages/user/user/? ,跳转的是pages/order/order,? 所以options是在pages/order/order中的,也就是数组的下标为1的

?2. 获取?options 中的参数

这样就获取到传递的参数了

希望帮助到各位小白了