Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Задачи

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

AI info

Карта сайта

Документы

Медиа

Специализация

Python Backend Developer

Java Backend Developer

Node.js Backend Developer

Golang Backend Developer

React Frontend Developer

Посмотреть все

Выберите навыки

React

React

JavaScript

JavaScript

Git

Git

Redux

Redux

Webpack

Webpack

Посмотреть все

Сложность

1-3

4-6

7-8

9-10

Рейтинг вопросов

1

2

3

4

5

Подпишись на React Developer в телеграм

Вопросы React Frontend Developer


Как работают Content Security Policy (CSP) заголовки и атрибуты вроде integrity в теге <script>?

Content Security Policy (CSP) — это механизм безопасности, который помогает предотвратить различные типы атак, такие как XSS (Cross-Site Scripting), ограничивая, какие ресурсы могут загружаться на странице. Заголовок CSP определяет, откуда разрешено загружать скрипты, стили и другие ресурсы. 

Атрибут integrity в теге <script> используется для проверки целостности загружаемого скрипта, чтобы убедиться, что он не был изменен. Если хэш скрипта не совпадает с указанным значением, браузер отклонит его загрузку.

Подробнее

Как реализовать Content Security Policy (CSP) для защиты веб-приложений на JavaScript?

Content Security Policy (CSP) — это механизм безопасности, который позволяет разработчикам контролировать, какие ресурсы могут быть загружены и выполнены на веб-странице. CSP реализуется с помощью HTTP-заголовка Content-Security-Policy, где можно указать разрешенные источники скриптов, стилей и других ресурсов. Это помогает предотвратить загрузку вредоносного контента и снижает риск атак типа XSS.

Чтобы внедрить CSP, достаточно добавить соответствующий заголовок на сервер или в мета-тег на странице.

Подробнее

Как работает перехват (capturing) событий в DOM?

События в DOM проходят три фазы: capturing, target и bubbling. В фазе capturing событие сначала проходит сверху вниз по дереву DOM. Чтобы обработчик сработал на этой фазе, нужно передать параметр capture: true в addEventListener.

Подробнее

Какие существуют CSP directives?

CSP директивы определяют, какие ресурсы могут загружаться на странице. Основные: default-src (базовое правило), script-src (скрипты), style-src (стили), img-src (изображения), connect-src (сетевые запросы), font-src (шрифты), frame-src (фреймы), object-src (плагины). Они помогают предотвратить XSS и инъекции.
Подробнее

Что такое hash в CSP?

Hash в CSP — это криптографический хеш (SHA-256, SHA-384 или SHA-512) от содержимого inline-скрипта или стиля. Он добавляется в заголовок Content-Security-Policy, чтобы разрешить выполнение только тех inline-кодов, чей хеш совпадает. Это позволяет безопасно использовать inline-скрипты без отказа от CSP.
Подробнее

Какие угрозы решает CSP?

Что такое Content Security Policy (CSP) и как он связан с безопасностью?

  • Рейтинг:

    4

  • Сложность:

    5

CSP (Content Security Policy) — это HTTP-заголовок, который позволяет контролировать, какие ресурсы (скрипты, стили, изображения) могут загружаться на странице. Он предотвращает XSS-атаки, блокируя выполнение инлайн-скриптов и загрузку ресурсов с недоверенных источников. CSP задаётся через заголовок Content-Security-Policy и может быть настроен для разных типов контента.
Подробнее
  • Рейтинг:

    4

  • Сложность:

    5

Content Security Policy (CSP) — это HTTP-заголовок, который позволяет контролировать, какие ресурсы (скрипты, стили, изображения) могут загружаться на веб-странице. Он предотвращает XSS-атаки, блокируя выполнение неавторизованного JavaScript. CSP задаётся через директивы, например, script-src 'self' разрешает только скрипты с того же домена. Это важный слой безопасности для веб-приложений.
Подробнее
  • Рейтинг:

    3

  • Сложность:

    6

  • Рейтинг:

    3

  • Сложность:

    7

  • Рейтинг:

    4

  • Сложность:

    6

  • Рейтинг:

    4

  • Сложность:

    5

  • Рейтинг:

    3

  • Сложность:

    5