Специализация
Python Backend Developer
Java Backend Developer
Node.js Backend Developer
Golang Backend Developer
React Frontend Developer
Выберите навыки
React
JavaScript
Git
Redux
Webpack
Сложность
1-3
4-6
7-8
9-10
Рейтинг вопросов
1
2
3
4
5
Подпишись на React Developer в телеграм
Особенности стрелочных функций (this, arguments) и как изменить контекст?
Стрелочные функции не создают собственного контекста this и используют значение this из внешней функции. Они также не имеют объекта arguments, что делает их менее гибкими в некоторых ситуациях. Контекст стрелочной функции изменить нельзя, так как он жёстко привязан к внешней области видимости.
Как происходит схлопывание вертикальных и горизонтальных margin'ов в CSS?
Схлопывание отступов (margin collapsing) происходит, когда два вертикальных margin'а соседних блоков объединяются в один, равный наибольшему из них. Горизонтальные margin'ы не схлопываются, так как схлопывание затрагивает только вертикальные отступы.
В чём разница между event.target и event.currentTarget?
event.target — это элемент, который вызвал событие (например, кнопка внутри div, на которую кликнули).
event.currentTarget — это элемент, к которому прикреплён обработчик (например, сам div).
При разборе запроса на Target, Body и Header — что шифруется?
При HTTPS шифруется всё: URL (Target), Body, Headers. Исключение — домен (виден в SNI)
Как браузер рассчитывает итоговый margin между двумя блочными элементами?
Вертикальные margin у блочных элементов могут схлопываться.
Если два вертикальных margin соприкасаются, браузер не суммирует их, а берет максимальный.
Это поведение называется margin collapsing.
Горизонтальные margin не схлопываются.
Как работает CSS-свойство margin при передаче четырёх значений?
В каком порядке интерпретируются значения margin при записи из четырёх чисел?
В каких случаях margin collapsing применяется, а в каких нет?
Рейтинг:
5
Сложность:
4
При передаче четырёх значений в margin каждое значение отвечает за свою сторону элемента. Значения применяются по часовой стрелке. Это позволяет задать разные внешние отступы для каждой стороны. Такой синтаксис сокращает код и повышает читаемость. Он используется повсеместно в вёрстке.
Рейтинг:
5
Сложность:
3
Значения margin интерпретируются по часовой стрелке. Сначала задаётся верхний отступ, затем правый, потом нижний и левый. Этот порядок является стандартом CSS. Он используется и в других свойствах, например padding. Знание порядка помогает избежать ошибок в layout.
Рейтинг:
4
Сложность:
7
Margin collapsing — это схлопывание вертикальных отступов у блочных элементов. Оно происходит только для вертикальных margin. Горизонтальные margin не схлопываются. Схлопывание зависит от структуры DOM и контекста элементов. Это часто становится источником багов в вёрстке.
Рейтинг:
4
Сложность:
7
Рейтинг:
1
Сложность:
2
Рейтинг:
2
Сложность:
4
Рейтинг:
2
Сложность:
7
Рейтинг:
5
Сложность:
6
