美文网首页
H5跳转小程序时短暂白屏

H5跳转小程序时短暂白屏

作者: 花影_62b4 | 来源:发表于2023-09-20 16:29 被阅读0次

原因:小程序跳转页面多个请求同时并发时,会出现短暂的白屏,封装的请求自带结束loading,所以第一个请求结束后就提早结束loading,解决方式

getNetData() {
                //打请求标记,确保最后一个请求结束的隐藏loading
                this.resCount=7;
                this.getOverviewData();
                this.getClockInfo();
                this.getGridmanGenderRate();
                this.getAgeRangeList();
                this.getAttendenceRank();
                this.getPatrolFeedbackByHour();
                this.getPatrolTaskAnalysis();
            },
            cacelLoading(){
                this.resCount-=1;
                if(this.resCount<1){
                    uni.hideLoading();
                }else{
                    uni.showLoading({
                        title:'加载中,请稍候'
                    });
                }
            },
在每一个请求里加上this.cacelLoading();,确保最后一个请求完毕后再取消展示loading
getClockInfo() {
                this.$ApiService.doPost({
                    url: this.$Api.URL.URL_GetGridClockState,
                    data: {
                        queryStartTime: this.currentParam.alarmTimeStart,
                        queryEndTime: this.currentParam.alarmTimeEnd,
                        gridId: this.gridId,
                    },                  
                    success: (res) => {     
                        this.attendanceNumInfo = res.rows;
                        this.cacelLoading();
                    },
                    fail: (err) => {
                        this.cacelLoading();
                    },
                });
            },

相关文章

  • 小程序和h5跳转

    公司要做h5跳转小程序,就试着调试了一下。目前只支持小程序内嵌H5,并且只有内嵌的H5才能跳回小程序 小程序跳H5...

  • h5跳转小程序之静态网页

    首先h5跳转小程序的方式有很多,这里说得不是小程序中嵌套h5页面,而是单纯的一个(外部的)h5页面跳转小程序,我的...

  • H5跳小程序

    H5跳转小程序分两种情况,一种是小程序内部打开的H5跳转小程序,一种是在外部的H5跳转到小程序 小程序内部打开的H...

  • Android常见问题总结(2)

    1 启动加速 1.1 合理利用启动白屏 应用启动会有一个短暂白屏时间,通过设置activity的windowBac...

  • 移动端iOSH5性能监控技术角度分析

    性能数据了解 分析移动端H5性能数据,首先我们说说是哪些性能数据。白屏时间,白屏时间无论安卓还是iOS在加载网...

  • Android 启动白屏优化和热启动

    由于Activity使用了默认的them,应用启动时造成短暂的白屏现象。 一、启动白屏解决方案 更改splashA...

  • flutter 在iOS真机上运行白屏

    使用VSCode调试flutter程序时,模拟器正常运行,iOS真机总是白屏。 临时解决办法:在vscode终端中...

  • Android性能优化面试题汇总

    启动黑白屏 安装app后,启动时会有短暂的白屏,这大大影响整体的美观,姑且在这里也给算在性能优化这一块 出现白屏原...

  • Hybrid App 离线包方案实践

    背景 在 H5 + Native 的混合开发模式中,让人诟病最多的恐怕就是加载 H5 页面过程中的白屏问题了。下面...

  • UIWebView白屏的监控&监控JS文件加载

    祭出demo现在很多App都改用h5来处理了。使用过程中引发了很多白屏现象,很多种原因会引起白屏。比如网络不通,J...

网友评论

      本文标题:H5跳转小程序时短暂白屏

      本文链接:https://www.haomeiwen.com/subject/iufavdtx.html