因为我的一时疏忽导致测试演示的时候页面卡死...

36 阅读2分钟

就在昨天晚上加班进行提测演示的时候发生了一件很尴尬的事

,在我们组长演示一个批量复制的功能时 页面被卡死了,当时我们都感觉是电脑原因,但是接连试了几次都是卡死 他们开始怀疑起了我这个前端er 我当然不相信是我的代码有问题 一定是你们使用的姿势不对 退下 让我来投屏演示

万万没想到啊

我也卡死了 !!!!!

image.png

问题再现

测试环境的控制台并没有什么报错 所以我就本地看了一下 发现了 这个警告(但是本地确实没问题呀!~) 当时我那个狡辩呀 我说开发的时候没发现呀 一定是有人改了我的代码不是我的问题!!!

image.png

锅都甩完了 让我们来解决一下这个warn吧(不是bug!!!)

首先这个警告的意思是什么意思呢 让我们百度翻译一下(手动狗头doge!!!)

[vue警告]:xxxxxxxxxxxx 就是说在<ElTable>组件中超过最大递归更新内存压力过大

可能因为我们测试环境的服务器性能比较差所以直接卡死了,为什么本地没事 因为本地性能内存处理这些还是绰绰有余的

既然问题定位到了 我们就改呗

打开项目我就看到这行代码 我心想稳了!!!!

image.png

这个key Math.random() 一看提交记录是另一位小可爱同事测试加的代码 我就说不是我的问题!!!! 删除就好了

结束语

虽然是个小问题但是平时对于这些[Vue Warn] 还是要引起一下我们的注意 避免出现像我这样的尴尬哈哈哈哈哈哈 希望大家 都能发财~~~