Подскажите пожалуйста по CSS анимации. Использую 3D Transform.
Логика написана в классе. При определенном состояниии переменой в компоненте, я добавляю в class новый индикатор, в нем описано CSS анимация. Она работает, но проблема в том, что в Safari все ок, а на движке хромиум очень жесткие лаги.
Если писать анимации используя JS(стандартные возможности Svelte) все ок, но это делать сложно, ибо никогда не писал руками изменение анимации. Можно ли как то заставить адекватно работать анимации чистого CSS?
При нативном подходе Svelte он в style постоянно переписывает анимации и все ок работает.

> всегда будет работать на старых или сильно загруженных машинах

Почему?

- setTimeout ставит коллбек в очередь, отдаёт управление
- JS движок продолжает выполнение с места вызова setTimeout, где отрабатывает синхронная внутрянка svelte
- EventLoop опрашивает очередь на предмет готовых тасок
- EventLoop запускает готовые таски

Здесь нет места случайности, последовательность выполнения линейна.

BTW, если setTimeout не передавать, собственно, таймаут (или он будет равен 0), то коллбек запустится со “скоростью” работы EventLoop. Этим свойством я воспользовался

https://codesandbox.io/s/youthful-heisenberg-ywfpt?file=/App.svelte

Таски из кучи идут в очередь, потом в стэк

Но из очереди идут по одной.

Да

Денис, для вас принципиально “исправлять” ваших собеседников? Я не давал и не ставил перед собой цель детально описать работу EventLoop.

Точнее вся очередь не исполняется сразу.

Денис, для вас принципиально “исправлять” ваших собеседников? Я не давал и не ставил перед собой цель детально описать работу EventLoop.

Мне смешно, если честно. Я думаю, что, раз люди говорят о EventLoop, то они знают, что паралельного исполнения JS кода в современных JS нет (за исключением вебворкеров в браузере и воркертредов в ноде).

> Ну тогда не надо вводить людей в заблуждение, даже случайно.

Если человеку необходимо будет разобраться в деталях, как работает таки EL - он пойдёт в YT и подберёт прекраснейшие доклады по первому же результату поиска

> приведёт к исполнению задачи после того, как стэк будет пустым

Хорошо. В следующий раз буду писать все граничные граничные условия, вида “если очередь EL пустая” (нет).

Для микротасок есть промисы и requestAnimationFrame

queueMicrotask(callback);