uniapp swiper waterfall同用 tabbar页面卡顿

问题：tabbar1 用waterfall 和 swiper 多个tabbar页面打开关闭页面卡顿
当前我的布局是（看下面）

tabbar1：<swiper ><waterfall><header><swiper ></swiper ></header></waterfall></swiper ><swiper ><waterfall><header><swiper ></swiper ></header></waterfall></swiper >tabbar2：<waterfall><header><swiper ></swiper ></header><cell><!--这里就卡顿了--></cell>
</waterfall>

排查了一遍感觉是 tabbar1：页面内的 swiper影响到了 tabbar2：页面（就很迷）
tabbar1 里面的swiper轮播内容如果只有一条就不会卡顿如果是两三条或者更多就可能开始卡顿了

我目前的解决方案是直接vuex定义一个通用的值 swiper 上写v-if 当进入tabbar2页面的时候改变vuex
里面的值来隐藏tabbar1 的swiper

uniapp swiper waterfall同用 tabbar页面卡顿相关推荐

uniapp小程序如何通过虚拟列表配合节流，完成上拉刷新下拉加载，避免页面卡顿，提升性能呢？
本文将介绍uniapp小程序中如何使用虚拟列表和节流两种技术实现上拉刷新下拉加载功能,同时避免因渲染大量数据导致的页面卡顿问题. 一.虚拟列表在uniapp小程序开发中,当我们需要渲染大量列表数据时 ...
position: relative;导致页面卡顿
1.现象: vue单页面项目只有在某个页面切换的时候出现页面卡顿现象经过长时间排查确定最终原因是该模块外层div使用 position: relative 根本原因:待完善转载于:http ...
解决el-select后台一次返回大数据量渲染慢导致页面卡顿的问题
场景一解决了一次性渲染大量数据问题业务场景是后台一次返回10万多条数据需要在下拉框中展示,直接渲染会导致页面卡顿且需要很长时间等待,用户体验极差,所以我把这个改造了一下,直接上代码, 里面注释写的 ...
html中dom多会有影响吗,DOM操作造成的页面卡顿问题及解决
相关目录以下为我总结的其他性能优化点,欢迎参考,指点及吐槽前言界面上UI的更改都是通过DOM操作实现的,并不是通过传统的刷新页面实现的.尽管DOM提供了丰富接口供外部调用,但DOM操作的代价很 ...
js初化加载页面时ajax会调用两次的原因_在前端开发中，有哪些因素会导致页面卡顿
前端开发不像后端那样,很少出现有大量算法的场景,但是前端性能也是需要优化的.好的代码是保证网页平稳高性能运行的基础,结合以往开发中遇到的场景,本文对前端网页卡顿的原因进行了梳理和分析,并给出了对应的解 ...
一文带你了解如何排查内存泄漏导致的页面卡顿现象
作者 | 零一0101 责编 | 欧阳姝黎不知道在座的各位有没有被问到过这样一个问题:如果页面卡顿,你觉得可能是什么原因造成的?有什么办法锁定原因并解决吗? 这是一个非常宽泛而又有深度的 ...
el-table 大数据量渲染，页面卡顿的解决方案
原文: el-table大数据量渲染卡顿的解决方案描述: 当el-table的数据有成千上万条,且在同一页全部展示,此时页面渲染的dom太多可能造成页面卡顿原因: 因为数据量过多导致浏览器渲染过多 ...
解决定时器导致页面卡顿、卡死的问题
在项目中有时需要使用定时器,去不断刷新数据重载部分页面,长时间使用会导致线程占用和内存泄漏,导致页面卡顿.卡死的现象.网上查找过不少资料,无法根本解决此问题,下面介绍本人实践过的有效方法: var t ...
H5页面卡顿加载慢原因分析
H5页面卡顿原因分析: 1.动画太多:渲染重绘占用GPU 2.页面操作导致重绘频繁 3.页面元素复杂:资源类标签太多(图像/视频/dom树太长) 4.内置webview性能太差 5.和3类似,iOS出 ...
Effective前端6：避免页面卡顿
什么是页面卡顿?如下: 当拖动页面或者滚动的时候页面一卡一卡的,看起来不连贯,我们就说页面卡了,这是一种非常不友好的体验,怎么衡量页面卡顿的情况呢? 1. 失帧和帧率FPS 如果你家里买了电视盒的话, ...

uniapp swiper waterfall同用 tabbar页面卡顿

uniapp swiper waterfall同用 tabbar页面卡顿相关推荐

最新文章

热门文章