Найти в Дзене
Вопросы для собеса в IT

Вопросы для собеса в IT

Тут будут чисто вопросы для фронтов React
подборка · 8 материалов
Вопросы для собеседования в IT (React, JS, CSS, Typescript, общие вопросы) Часть 8
81. 📌 Что такое Temporal Dead Zone (TDZ) в JavaScript? 💬 Простое объяснение: TDZ — это период между входом в область видимости переменной и её инициализацией. В это время переменная существует, но к ней нельзя обратиться — будет ошибка ReferenceError. 🛠 Как работает: Возникает только для переменных, объявленных через let и const (не для var). Пока код не дошёл до строки объявления, переменная находится в TDZ. 💡 Полезно знать: 🧭 Зачем спрашивают на собеседовании? Проверяют понимание тонкостей объявления переменных и различий между var, let, const...
Вопросы для собеседования в IT (React, JS, CSS, Typescript, общие вопросы) Часть 7
И снова я в поисках более удобного оформления кода в Дзен. Наткнулся на хорошую статью https://dzen.ru/a/XtUGaNtXXh9qY-gb. Решил попробовать и в данный момент подобный подход не работает, написал в поддержку Дзен и они ответили, что пока доступна вставка видео кода Дзен, Вконтакте и Яндекс форм поэтому пока будут скрины и ссылка на код:) 💬 Простое объяснение: Это две очереди, в которых движок JavaScript выполняет отложенные задачи. Микрозадачи (promise, queueMicrotask) исполняются сразу после текущего кода, а макрозадачи (setTimeout, setInterval) — на следующем цикле event loop...
Вопросы для собеседования в IT (React, JS, CSS, Typescript, общие вопросы) Часть 6
Думаю начиная с этого поста буду добавлять следующее пояснение: 🧭 Зачем спрашивают это на собеседовании? — чтобы ты понимал, что именно хотят проверить интервьюеры, когда задают такие вопросы. И думаю стоит немного иначе вставлять сюда код. Структура сохранена: простое объяснение, как работает, пример, полезные детали и + причина вопроса. 💬 Простое объяснение: Поверхностное копирование копирует только верхний уровень объекта. Если внутри есть вложенные объекты или массивы — они всё ещё ссылаются на ту же память...
Вопросы для собеседования в IT (React, JS, CSS, Typescript, общие вопросы) Часть 5
💬 Это способы хранения данных в браузере. Позволяют сохранять информацию между обновлениями страницы. 🛠 Отличия: 🧪 Пример: localStorage.setItem('user', 'Оля'); console.log(localStorage.getItem('user')); // "Оля" localStorage.removeItem('user'); 💡 Под капотом всё хранится в виде строк. Если сохраняешь объект — используй JSON.stringify(). 💬 Cookies — это маленькие данные, которые сохраняются в браузере и могут отправляться на сервер. 🛠 Как задать: document.cookie = "username=Анна; path=/; max-age=3600"; 🧪 Пример чтения: console...
Вопросы для собеседования в IT (React, JS, CSS, Typescript, общие вопросы) Часть 4
💬 Простыми словами: Call Stack — это структура данных, в которой JavaScript "запоминает", какие функции вызываются и откуда. 🛠 Как работает: 🧪 Пример: function a() { b(); } function b() { console.log('b'); } a(); // стек: a → b → console → стек пуст 💡 Полезно знать: Если стек переполняется (например, из-за рекурсии без выхода) — будет ошибка Maximum call stack size exceeded. 💬 Простыми словами: this — это ссылка на объект, в контексте которого вызвана функция. 🛠 Варианты значений: 🧪 Пример: const user = { name: 'Катя', sayHi() { console...
Вопросы для собеседования в IT (React, JS, CSS, Typescript, общие вопросы) Часть 3
💬 Простыми словами: Асинхронный код — это код, который не блокирует выполнение программы, а "ждёт" завершения операции (например, загрузки данных). 🛠 Основные способы: 🧪 Примеры: // callback setTimeout(() => console.log('через секунду'), 1000); // promise fetch('/api').then(res => res.json()).then(data => console.log(data)); // async/await async function load() { const res = await fetch('/api'); const data = await res.json(); console.log(data); } 💡 Полезно знать: Промисы и async/await помогают избежать "callback hell" — вложенных уровней коллбеков...