В чём основное различие между микрозадачами (microtasks) и макрозадачами (macrotasks) в JavaScript?
Anonymous Quiz
6%
Микрозадачи работают быстрее, потому что используют WebAssembly
15%
Макрозадачи — это исключительно события DOM, микрозадачи — только таймеры
75%
Микрозадачи выполняются перед макрозадачами в каждом цикле Event Loop
4%
Макрозадачи блокируют выполнение микрозадач
This media is not supported in your browser
VIEW IN TELEGRAM
Seal of gravity
Сцена с кнопкой и анимированным тюленем
Сцена с кнопкой и анимированным тюленем
Что такое hoisting и как он влияет на поведение переменных и функций в JavaScript?
Anonymous Quiz
8%
Автоматическое выполнение функций перед загрузкой страницы
76%
Переменные и функции поднимаются вверх области видимости, но без инициализации
11%
Значения переменных сохраняются в памяти между перезагрузками
5%
Это механизм, связанный только с DOM-элементами
This media is not supported in your browser
VIEW IN TELEGRAM
Cube & Dots Loader
Анимированная загрузка в виде точек и куба
Анимированная загрузка в виде точек и куба
Какую основную задачу решает виртуальный DOM (Virtual DOM) в React и аналогичных библиотеках?
Anonymous Quiz
9%
Полностью заменяет работу с реальным DOM
9%
Ускоряет доступ к данным в браузере
79%
Позволяет сравнивать состояние интерфейса и обновлять только изменённые части
2%
Управляет роутингом и навигацией на клиенте
Что означает фазирование событий в DOM (capturing → target → bubbling)?
Anonymous Quiz
7%
Событие обрабатывается только на целевом элементе
16%
Сначала bubbling, потом capturing
75%
Событие проходит сверху вниз, затем снизу вверх по DOM-дереву
2%
Событие срабатывает дважды на каждом элементе
This media is not supported in your browser
VIEW IN TELEGRAM
Diorama
Интерактивная диорама в виде мини ПК
Интерактивная диорама в виде мини ПК
Что из этого лучше всего описывает механизм event delegation в JavaScript?
Anonymous Quiz
2%
Механизм повторной генерации событий вручную
79%
Приём, при котором событие обрабатывается на родителе, а не на каждом потомке
10%
Способ остановки событий во всплытии
9%
Отложенное выполнение обработчиков с помощью setTimeout
Поздно пришёл к LESS, но понял — препроцессоры не умерли. Рассказываю, как я использую его для интерфейсов, делаю параллели с языками программирования и вспоминаю Алана Кея.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤2
Please open Telegram to view this post
VIEW IN TELEGRAM
🗿1
Что произойдёт при сравнении двух идентично выглядящих, но созданных заново объектных литералов с помощью ===?
Anonymous Quiz
17%
Возвращается true, потому что у них одинаковое содержимое
75%
Возвращается false, потому что объекты сравниваются по ссылке
3%
Возвращается true, если в объектах нет методов
5%
Возникает ошибка, если в объекте есть вложенные поля
Покажу, как генерировать код из OpenAPI и мокаю запросы, чтобы автоматизировать разработку и не страдать каждый раз, когда фронт и бэк снова не договорились.
Please open Telegram to view this post
VIEW IN TELEGRAM
Какое из утверждений наиболее точно описывает разницу между setTimeout(..., 0) и Promise.resolve().then(...) в контексте event loop?
Anonymous Quiz
14%
setTimeout всегда выполняется раньше, чем Promise
6%
Оба выполняются в одном и том же микротике
71%
Promise в микротасках, setTimeout в макротасках — Promise выполнится раньше
9%
Promise блокирует выполнение setTimeout
This media is not supported in your browser
VIEW IN TELEGRAM
Сделан на SVG, CSS и JS
Please open Telegram to view this post
VIEW IN TELEGRAM