FrontendQuiz - задачи с собеседований по фронтенду

🤔 В чём отличие переменных в CSS от переменных в препроцессорах? - CSS-переменные (--var) работают в браузере, можно изменять через JavaScript и использовать в рантайме. - Sass/LESS-переменные обрабатываются на этапе компиляции, но не доступны после. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚

🤔 Где используется rest? Оператор rest (...) используется для сбора "оставшихся" аргументов или свойств: - В функциях — чтобы собрать все переданные аргументы в массив. - В объектах и массивах — чтобы собрать оставшиеся поля при деструктуризации. Он помогает писать гибкий и универсальный код, особенно в функциях с переменным числом аргументов. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚

Осталось 3 часа до конца акции: «Пожизненный PRO тариф — по цене 1 года» Поиск работы отнимает силы, время и веру в себя, но не у тех кто использует easyoffer PRO. Успей сделать самую выгодную инвестицию в развитие своей карьеры. Акция закончится уже сегодня 23 июня 23:59 по мск: 👉 https://easyoffer.ru/pro

Последний день акции: «Пожизненный PRO тариф — по цене 1 года» 🚀 PRO включает: – Полный доступ ко всем грейдам и профессиям – База live-coding задач и вопросов из технических собеседований с вероятностью их встречи – Примеры лучших ответов от Senior разработчиков – 1100+ записи реальных собеседований, в том числе в топовые компании (Сбер, Авито, Яндекс, WB, OZON, МТС и др.) – База 400+ тестовых заданий от компаний. – Автоотклики на вакансии в хедхантер – Аналитика ТОП-требований из вакансий для лучшего написания резюме и прохождения ATS систем рекрутеров – Генератор уникального резюме и CV под каждую вакансию – Тренажеры подготовки к собеседованию: «Реальное собеседование» и «Проработка вопросов» по методике интервальных повторений (как Anki) – (скоро) Агрегатор вакансий – (скоро) Сообщество Акция закончится уже сегодня 23 июня 23:59 по мск: 👉 https://easyoffer.ru/pro

🤔 Какая разница между , , ? - — блокирует парсинг HTML, загружает и выполняет скрипт сразу. - — загружает скрипт параллельно и выполняет как только загрузится (не гарантирует порядок). - — загружает параллельно, но выполняет после загрузки HTML, в порядке следования. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚

🤔 Чем отличается reset.css от normalize.css? - reset.css: жёстко сбрасывает всё (обнуляет до нуля); - normalize.css: корректирует различия и сохраняет полезные браузерные стили. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚

🤔 Какая машинерия нужна для слоёной архитектуры или DDD и для чего? - Application layer — оркеструет поведение, контролирует потоки; - Domain layer — содержит бизнес-логику, сущности, агрегаты, value-объекты; - Infrastructure layer — хранение, сеть, логгеры; - Adapters — внешние интерфейсы. Для DDD важно уметь моделировать предметную область и изолировать инфраструктуру. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚

🤔 Для чего нужно сравнивать ссылки при мемоизации? Мемоизация (React.memo, useMemo, useCallback) основана на сравнении входных данных. Для объектов и функций сравнение происходит по ссылке. Если ссылка на объект или функцию изменилась — React считает, что данные изменились. Даже если внутренности одинаковые. Поэтому важно сохранять одну и ту же ссылку, если значение не изменилось, иначе мемоизация не сработает и будет лишняя перерисовка. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚

🤔 С помощью чего может происходить взаимодействие с сервером? Взаимодействие с сервером может происходить: - Через fetch() — встроенный способ отправки HTTP-запросов. - Через XMLHttpRequest — устаревший, но всё ещё рабочий подход. - Через сторонние библиотеки: axios, jQuery.ajax(). - Также через WebSocket, если нужно постоянное соединение. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚

🤔 Как работают cookies? Cookies — это небольшие фрагменты данных, сохраняемые браузером и отправляемые серверу при каждом запросе. Используются для хранения сессий, настроек, токенов. Могут быть ограничены по домену, пути, времени жизни. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚

🤔 Каким образом браузер понимает тип содержимого в ответе от API? По заголовку Content-Type, который указывает, что это: текст, JSON, изображение и т.д. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚

🤔 Приведи пример микрозадач Примеры микрозадач в JavaScript включают колбэки, связанные с Promise (методы .then(), .catch(), .finally()), а также MutationObserver. Эти задачи добавляются в очередь микрозадач и выполняются сразу после текущего стека вызовов, но до выполнения макрозадач, таких как таймеры или события из очереди событий. Ставь 👍 если знал ответ, 🔥 если нет Забирай 📚