Wann muss ich requestAnimationFrame() aufrufen? ⇐ CSS

[Anonymous]

Ich verstehe, dass requestAnimationFrame() sehr hilfreich ist, wenn Animationen ausgeführt werden, die eine Stileigenschaft im Laufe der Zeit ständig ändern.

Code: Select all

const e = document.getElementById('e');
let count = 0;

function move(timestamp) {
e.style.left = ++count + 'px';
requestAnimationFrame(move);
};

requestAnimationFrame(move);

Jetzt lautet meine Frage: Ist es sinnvoll, alles, was das visuelle Erscheinungsbild der Ansicht ändert, in requestAnimationFrame zu packen?

Mit anderen Worten: Wird dieses Pseudocode-Beispiel eine bessere Leistung haben als ohne requestAnimationFrame?

Code: Select all

const e = document.getElementById('e');
let f = document.createDocumentFragment();

nodes.forEach((node, index) => {
f.appendChild(node);
}

requestAnimationFrame(timestamp => {
e.classList.toggle('active');
container.classList.add('active');
container.appendChild(fragment);
});