Оптимально window.resize и requestAnimationFrame?

Question

[Богдан]

Здравствуйте. Подскажите пожалуйста, оптимально ли решать trottle через requestAnimationFrame?
Есть блок и его нужно сделать по высоте страницы, когда высота меняется, нужно ему высоту сбыть в авто и потом уже присваивать высоту.
Может лучше сделать через trottle на setTimeout ?
Спасибо.

let running = false;

const update = () => {
  svg.style.height = 'auto';
  svg.style.height = `${document.documentElement.scrollHeight}px`;
  running = false;
}

const requestTick = () => {
  if(!running) requestAnimationFrame(update);
  running = true;
}

window.addEventListener('resize', requestTick);

Comments

[Stalker_RED]

у вас running всегда false?

[Богдан]

Stalker_RED, спасибо, как-то упустил этот момент, когда адаптировал под себя пример )

Answer 1

[Максим Васильев]

setTimeout - это event loop.
AnimationFrame - это перерисовка.
строчка "svg.style.height = 'auto';" не возымеет никакого эффекта.

просветляться тут: https://www.youtube.com/watch?v=cCOL7MC4Pl0
или тут: https://www.youtube.com/watch?v=8aGhZQkoFbQ