记录一个强制回流导致问题:
这是工作中遇到的一个很常见的提示,却成了昨晚至今早难以处理的问题。
跟以往的提示不同,除了本地测试正常外,在dev、st都同时出现了上70次以上,每次点击特定界面都会如此。界面在无数次的forecd reflow下无法展示,甚至出现一半的数据再不停的闪动,崩溃
问题排查:
0.清除缓存 => 结果:无效
1.问题界面代码检查 =>结果:代码无误
2.问题界面和其他界面现象及代码对比 => 结果:其他界面展示正常,引入框架代码相同
3.删除及修改可能有影响的代码 => 结果:无效
4.采用网上多种方法修改 => 结果:无效
猜想:
0.打包环境有问题 =>结果: 检查发现dev用了npm run build:prod,本地执行后,将包引入ngnix运行,测试发现正常。证明与是否用错prod无关
1.浏览器及其版本排查 => 结果:多台电脑上测试,发现都能正常运行。界面正常运行的谷歌浏览器版本为80.xxx以上,而我自己浏览器为78.xxx(且处理无法自动更新状态)
最终处理:
安装最新版的谷歌浏览器,界面可以正常展示。