L1L1 Studio

Не учебный материал — короткие ответы для освежения памяти. Сохраняй звёздочкой то, что лично тебе сложно запомнить — это твоя личная тетрадь.

Все вопросы по темам

HTML/CSS

Что такое box model?

Каждый элемент — это content + padding + border + margin. box-sizing: border-box включает padding и border в заданную width/height.

Когда flexbox, а когда grid?

Flexbox — для одномерных раскладок (в ряд или в колонку). Grid — когда нужен контроль по двум осям сразу (строки и колонки).

JavaScript

Что такое замыкание (closure)?

Функция, которая запоминает переменные из окружающей области видимости даже после того, как та область завершила выполнение.

Как работает event loop?

Синхронный код выполняется первым, затем microtasks (промисы), затем macrotasks (setTimeout и т.п.) — за один проход по очереди.

React

Зачем нужен key в списках?

Помогает React понять, какой элемент какой между рендерами, чтобы правильно обновлять/переиспользовать DOM-узлы, а не пересоздавать всё заново.