Специализация
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 в телеграм
Для чего нужен тег <noscript>?
Тег <noscript> отображает содержимое, если у пользователя отключен JavaScript или его браузер не поддерживает скрипты. Это полезно для обеспечения доступности сайта для всех пользователей, включая тех, кто не может использовать JavaScript. Внутри <noscript> можно размещать альтернативные версии контента или инструкции для пользователей.
Что такое CORS (Cross-Origin Resource Sharing), и как он относится к встроенным элементам типа <iframe>, <img>, и <script>?
CORS — это механизм, который позволяет ограничить или разрешить обмен данными между разными доменами. Браузеры по умолчанию запрещают запросы к ресурсам с другого домена для обеспечения безопасности. Чтобы разрешить такие запросы, сервер должен отправить специальные заголовки. Элементы, такие как <iframe>, <img> и <script>, могут загружать ресурсы с других доменов, но для некоторых операций, например, доступа к содержимому <iframe> из другого домена, требуется поддержка CORS.
Объясните защиту от Cross-Site Scripting (XSS) и Cross-Site Request Forgery (CSRF) в контексте JavaScript.
Cross-Site Scripting (XSS) — это атака, при которой злоумышленник вставляет вредоносный скрипт на веб-страницу, что позволяет ему получить доступ к данным пользователя.
Защита от XSS включает экранирование пользовательского ввода и применение Content Security Policy (CSP).
Cross-Site Request Forgery (CSRF) — это атака, при которой злоумышленник заставляет пользователя выполнить нежелательное действие на сайте, где он аутентифицирован.
Защита от CSRF включает использование уникальных токенов для подтверждения запросов и проверки заголовков.
Какие есть значения у свойства position, и когда стоит использовать каждый из них?
Свойство position определяет способ позиционирования элементов на странице. Основные значения включают static, relative, absolute, fixed, и sticky.
Значение static — это значение по умолчанию, при котором элемент располагается в стандартном потоке. relative позволяет сместить элемент относительно его нормального положения, absolute позиционирует элемент относительно ближайшего родителя с ненормальным позиционированием, fixed фиксирует элемент относительно окна браузера, а sticky сочетает поведение relative и fixed, оставляя элемент на месте при прокрутке.
Что такое Docker Compose?
Docker Compose — это инструмент для управления многоконтейнерными приложениями. С помощью простого YAML-файла (docker-compose.yml) можно настроить и запустить несколько контейнеров, определяя их сервисы, сети и тома.
Что такое Chaos Engineering?
Как можно заменить position: sticky, если бы его не было?
Чем отличаются GET и POST-запросы?
Как работает position: sticky? Когда элемент "отклеивается"?
Почему при центрировании через position: absolute и top/left: 50% часто используют transform: translate(-50%, -50%)?
Рейтинг:
2
Сложность:
4
Chaos Engineering — это практика внесения искусственных сбоев в систему, чтобы проверить её устойчивость. Это позволяет заранее выявить слабые места и предотвратить крупные аварии.
Рейтинг:
3
Сложность:
8
Можно использовать position: fixed + JavaScript для динамического вычисления позиции элемента при скролле. Также можно применить IntersectionObserver для отслеживания положения элемента и переключения его стилей.
Рейтинг:
2
Сложность:
8
GET — получает данные (параметры в URL, кэшируется).
POST — отправляет данные (тело запроса, не кэшируется).
GET менее безопасен, POST — для изменения данных.
Рейтинг:
2
Сложность:
7
Элемент ведет себя как relative, пока его родитель не прокрутится до указанной границы (top, left и т.д.), затем становится fixed.
"Отклеивается", когда родительский контейнер полностью прокручен.
Рейтинг:
2
Сложность:
6
transform: translate(-50%, -50%) смещает элемент обратно на половину его собственной ширины и высоты, что позволяет точно отцентрировать элемент относительно точки top/left: 50%.
Рейтинг:
1
Сложность:
3
Рейтинг:
4
Сложность:
6
Рейтинг:
3
Сложность:
8
Рейтинг:
3
Сложность:
9
Рейтинг:
3
Сложность:
5
