Бот для подготовки к СОБЕСЕДОВАНИЮ на FRONTEND разработчика | telegram bot: js + grammY
Подготовка к собеседованию frontend (тонкости подключения стилей и скриптов)
CSS почти всегда рендер-блокирующий → кладём в <head>, оптимизируем через critical CSS + preload/media. Скрипты по умолчанию парсер-блокируют → используем defer, а для модулей — type="module" (они «деферятся» сами). Для CDN — SRI + crossorigin. Шрифты — preload + font-display. Следим за порядком подключений, кэшем и CORS. Ниже — все тонкости с проверенными приёмами и ловушками Пример «чистого» подключения (html): Critical CSS inline, остальное — отложить: Альтернативные темы:
Можно подключать несколько таблиц и переключать их в рантайме: <link rel="preload" href="/fonts/Inter...
Подготовка к собеседованию frontend (Symbol.iterator)
Symbol.iterator делает любые ваши объекты «родными» для for...of, спреда ([...]), Array.from, деструктурирования и т. п. Ниже будут приведены реальные примеры для реальных задач. Часто нужно получить список рабочих дат для планирования задач/напоминаний, генерации слотов и т. п. Полезно для вычисления контекста: ближайший positioned родитель, контейнер с data-*, ближайшая форма и т...