1 Event Loop
Начало выполения программы.
Стек выполняет код из потока.
События из Web Api обрабатываются параллельно:
- поступают в очередь FIFO
- ожидают освобождение стека
3 Wait for an empty stack
Callback попадает в стек и становитя кодом стека. Очередь ожидает завершения выполнения этого кода.
Дополнительные материалы:
Видео от Филипа Робертса об Event Loop
Программа Loop Филипа Робертса
Джейк Арчибальд об Event Loop, requestAnimationFrame, mictotadtks
2 Empty stack
Из callback queue вход в стек разрешен только при пустом стеке. А значит callback входят по одому, ожидая опустошения стека.
4 Блокирование экрана приложения
Приблизительно 60 раз в секунду браузер блокирует очередь событий. Другая очередь, имеющая более высокий приоритет, ожидает освобождения стека, чтобы отрисовать окно браузера.
6 requestAnimationFrame
Создание строгой последовательности выполнения - один callback перед одним браузерным обновлением экрана делает анимацию плавной. Существенно снижает нагрузку на браузер. Нельзя использовать для часов и таймеров, т.к. отображение будет с задержкой.
