之前环境：
硬件：nuc8 i5beh ，外接 4K + 1k 两个显示器
软件：chrome 109
当时基于 headlessui + tailwindcss 写了一个 react dialog 组件，在一个 dom 比较多（ 1w 标签）的页面，4k 显示器中，dialog 显示的时候，会有轻微的卡顿，但是 1k 下很流畅
后来通过 chrome 性能分析工具发现，是由于 dialog 显示的时候，会给 html 添加样式禁止滚动，style="overflow: hidden; padding-right: 17px;"，这个过程会很耗时，技术有限没弄明白为啥，个人猜测是回流 /重绘导致的，外加 GPU 性能不够。因为是个玩具项目，也懒得继续研究。
从事前端也差不多快 8 年了，技术一般，目前就是混日子养老的状态，都懒得学习提升自己了。
