你的demo里有几张图片?我觉得如果就3张或者6张不足以造成阻塞吧,除非几百张

来源:3-2 回流与重绘, 如何避免布局抖动

ShaneQin

2022-06-26

图片描述
图片描述

const cards = document.getElementsByClassName('MuiCardMedia-root')
    const update = (timestamp) => {
        for (let i = 0; i < cards.length; i++) {
            cards[i].style.width = ((Math.sin(cards[i].offsetTop + timestamp / 1000) + 1) * 500) + 'px'
        }
        window.requestAnimationFrame(update)
    }
    window.addEventListener('load', update)
写回答

1回答

Mr_Max

2022-06-30

同学你好!

图片多少强制布局的问题都会出现,但是图片量很大时,确实问题就更明显了。

0
0

前端性能优化企业级解决方案 6大角度+大厂视野

只要项目还在线,性能优化永远是时刻要关注的问题

1109 学习 · 226 问题

查看课程