Показать сообщение отдельно
  #4 (permalink)  
Старый 31.12.2021, 00:11
Кандидат Javascript-наук
Отправить личное сообщение для Raadsert Посмотреть профиль Найти все сообщения от Raadsert
 
Регистрация: 09.12.2021
Сообщений: 100

Сообщение от voraa Посмотреть сообщение
Ну и еще зависит от того, что именно вы делаете в requestAnimationFrame.
Туда тоже можно напихать тяжелых операций, занимающих кучу времени, чего делать не стоит.
У него через "requestAnimationFrame" присваивается значение transform, обычная стандартная анимация с движением влево и через время переносом картинок в конец и зацикливании этого эффекта, там на самом деле множество особенностей.

У меня же просто анимация перемещения влево, так же через transform, но во время загрузки картинок присутствуют микро-лаги (картинка грузится -> лаг -> картинка загрузилась -> анимация отлагала) как будто скрипт ждёт пока загрузится картинка и только после этого продолжает свою работу. Да, картинки маленькие аналогичные по размеру картинкам из примера.

Что делаю с "requestAnimationFrame"? Всё просто как обычная анимация:
function exemple(*) {
 requestAnimationFrame(function anim(e) {
  /* code */
  requestAnimationFrame(anim)
 })
}


Так вот, господа, у кого-то есть предположения или знание того почему происходят подобные микро-лаги или как устроена загрузка изображений (без микро-лагов в исполнении скрипта) на том сайте что был примером?
Ответить с цитированием