Какие знаешь способы решения проблем связанные с CORS

«Какие знаешь способы решения проблем связанные с CORS» — вопрос из категории Безопасность, который задают на 10% собеседований Frontend Разработчик. Ниже — развёрнутый ответ с разбором ключевых моментов.

Ответ

  1. Inline-стили – через атрибут style:
<div style="color: red; font-size: 16px;">Текст</div>
  1. Тег <style> – внутри HTML:
<style>
  .text { color: blue; }
</style>
<p class="text">Текст</p>
  1. Внешний CSS – через <link>:
<link rel="stylesheet" href="styles.css">
  1. CSS-модули – для изоляции стилей в компонентах (React/Vue):
import styles from './Component.module.css';
<div className={styles.header}>...</div>
  1. CSS-in-JS – например, styled-components:
const Button = styled.button`
  background: ${props => props.primary ? 'blue' : 'gray'};
`;
  1. CSS-препроцессоры (Sass/Less):
$primary: #333;
.header { color: $primary; }
  1. CSS-фреймворки (Bootstrap, Tailwind):
<button class="btn btn-primary">Кнопка</button>
  1. Атрибут class – для применения готовых стилей.