Подтвердить что ты не робот

Множественная производительность запроса анимации

Если Im делает несколько анимаций, нормально ли использовать несколько обратных вызовов requestAnimationFrame? F.ex:

function anim1() {
    // animate element 1
}

function anim2() {
    // animate element 2
}

function anim3() {
    // animate element 3
}

requestAnimationFrame(anim1);
requestAnimationFrame(anim2);
requestAnimationFrame(anim3);

Или это оказалось хуже, чем использование одного обратного вызова:

(function anim() {
    requestAnimationFrame(anim);
    anim1();
    anim2();
    anim3();
}());

Я спрашиваю, потому что я действительно не знаю, что происходит за кулисами, requestAnimationFrame вызывает вызовы при вызове, когда вы вызываете его несколько раз?

4b9b3361

Ответ 1

Вы должны использовать только один вызов requestAnimationFrame в качестве вызовов requestAnimationFrame сделать стек. Таким образом, одна версия обратного вызова более эффективна.