热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

萌新求教,小程序页面跳转延迟问题….

在mpvue小程序开发中,遇到一个问题,当点击tab进行


mpvue小程序开发中,遇到一个问题,当点击tab进行页面跳转时,存在明显的延迟对象。

如下图所示:

技术分享图片

个人猜测产生问题可能的原因:


  • 类似于移动端开发300毫秒点击延迟。

    那么如果是这种原因的话,那么,下面这种情况又该怎么解释呢?

    技术分享图片

    从上面的图中可以看出,这里延迟并不严重。所以对于300ms点击延迟的原因,先存有疑点。


  • 网络请求引起的延迟。

    对于这种情况,上面的情况似乎都解释的清楚。

    导航tab标签的代码如下:

上面的标签会被编译为小程序中的。如下图所示:

技术分享图片

***********************************************

返回按钮的代码如下


back () {
wx.navigateBack({
url: '/pages/singer/main'
})
}

当我们点击tab进行切换时,会发出网络请求,存在延迟。当wx.navigateBack()调用时,并不会发出网络请求,而是直接使用之前的缓存。貌似可以解释上面的问题,其实也还存在疑点。

***********************************************现在,我们假设问题就是由网络延迟引起的。那我们细想一下,如果不存在300ms点击延迟的话,那么点击之后,页面应该立马跳转,然后在新页面等待请求结果返回然后渲染。也就是说,当点击tab应当立即进行页面跳转,然后看到一片空白,等到请求结果返回,页面才渲染,而不是前面图上的在前一个页面滞留,等到新页面请求结果回来才跳转。


小弟愚笨,希望路过的大佬能够帮帮忙...

萌新求教,小程序页面跳转延迟问题....




推荐阅读
author-avatar
mobiledu2502931473
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有