uniapp头像闪屏不要怕,这篇全解

1.带app项目的时候,去修改组内的代码,头像有闪屏现象,一时没有定位到问题,看了很多转载,最后定位于声明周期的触发,真坑。~~!!!

1.建议先去定位问题,闪屏有很多种,切换页面闪屏,接口超时闪屏,子父传参等等

我这里看到是图片闪屏,以为是图片过大,然后想着压缩图片,这样请求速度就快了,一看是base64格式的后端加密过的,虽然接口还是慢,没办法想想办法怎么解决喽~~

2.发现去请求获取图片的时候走了4s的时间 ,导致加载时间慢,以为是这个的问题就去定位了接口超时 利用loading去请求锁定,无果

3.一看他进入页面的声明周期是onShow 
 

4.明显看到利用onLoad时加载一次,在nav出去在回到当前页面,不跳转了。

就很简单把onShow改成Onload就行了,这篇写得不多,因为我下班了哈哈哈哈,欢迎讨论,有兴趣的可以去uniapp 查一查,去深入了解一下。

onLoad:onLoad 生命周期钩子函数在页面加载时触发,表示页面的初始化过程,且onLoad 函数只会在页面初始化时执行一次。

onShow:onShow 生命周期钩子函数在页面展示时触发,表示页面被显示到前台。当页面从后台切换到前台时,也会触发 onShow 函数。在该函数中,可以处理页面显示相关的逻辑,例如刷新数据、更新UI等。onShow 函数可能会多次执行,因为页面在切换后台和前台之间多次切换时都会触发。

  • 11
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值