原文:update layer tree导致页面卡顿

前因 今天检查一个vue页面问题,就是在切换Tab时候 某些win 电脑 ,页面会卡顿一段很长的时间,短则 秒,长则十几秒,这个体验非常糟糕,于是我着手寻找其中原因。 概况 这个vue页面的元素非常多,主要分为六个Tab内容,切换Tab也只是控制Tab内容的显隐。按道理这是非常简单的行为,不应该出现卡顿的情况。 检查 代码上,我将切换Tab做的一些业务逻辑去掉,只留下控制显隐部分,并打印执行时间 ...

2018-10-17 23:59 1 974 推荐指数:

查看详情

iview select数据过多,导致页面及输入框输入 完美解决

问题情景:  iview中的select组件数据多达几千几万条的时候,页面及输入框出现明显的,一个弹框的显示隐藏要几秒才能反应过来,输入框也是输入的文字几秒才能显示出来。 解决方法:  原理:既然是由于select组件数据过多导致页面渲染,那么解决方法自然是减少select组件 ...

Wed Aug 25 23:58:00 CST 2021 0 275
el-table数据太多导致页面渲染缓慢,页面的解决方案

有时候el-table的数据可能有成千上万条,而且又要在一页显示完,这时候页面渲染的dom太多了,可能会造成页面。 解决方案:给表格固定高度,只渲染用户在表格中滚动的视图dom 效果如图: 演示地址: https://codepen.io/william_yyh/pen ...

Sat Jul 10 01:20:00 CST 2021 2 2402
如果页面,怎么排查原因?

页面,可能涉及到很多页面性能问题,有可能是来自前端,有可能是来自后端,也有可能是来自用户网络问题等。 有可能是前端加载的某些js文件加载失败了或者是报错了 有可能是该页面请求的接口太多了,导致数据返回慢,可适当做缓存 有可能是浏览器渲染的东西太多导致。 但页面更大 ...

Mon Apr 19 07:26:00 CST 2021 0 641
vue一次加载大量数据导致页面解决

前提:后端返回一个几千条的数组,页面直接渲染导致非常。 解决方案:使用vue-virtual-scroller 插件解决;https://www.npmjs.com/package/vue-virtual-scroller#page-mode 第一步:安装 第二步:引入 ...

Fri Mar 26 18:00:00 CST 2021 0 2450
一文带你了解如何排查内存泄漏导致页面现象

不知道在座的各位有没有被问到过这样一个问题:如果页面,你觉得可能是什么原因造成的?有什么办法锁定原因并解决吗? 这是一个非常宽泛而又有深度的问题,他涉及到很多的页面性能优化问题,我依稀还记得当初面试被问到这个问题时我是这么回答的: 先会检查是否是网络请求太多,导致数据返回较慢 ...

Fri Apr 16 01:31:00 CST 2021 0 230
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM