Что такое Cookies? Расскажи для чего и как использовал.

// Установка cookie
document.cookie = 'username=Иван; path=/; expires=Fri, 31 Dec 2024 23:59:59 GMT';
 
// Чтение cookie
console.log(document.cookie); // 'username=Иван'

// Простая cookie
document.cookie = 'theme=dark';

// ✅ Сохраняем токен авторизации
document.cookie = 'token=abc123; path=/; secure';
// Сервер будет видеть этот токен в каждом запросе

// ✅ Запоминаем язык пользователя
document.cookie = 'language=ru; path=/; max-age=31536000';
// При следующем визите сайт уже знает язык

// ✅ Сохраняем настройки интерфейса
document.cookie = 'fontSize=large; path=/; expires=Fri, 31 Dec 2024 23:59:59 GMT';

// Базовая установка
document.cookie = 'name=значение';
 
// С параметрами
document.cookie = 'username=Иван; path=/; expires=Fri, 31 Dec 2024 23:59:59 GMT; secure';

// Чтение всех cookies
console.log(document.cookie); // 'username=Иван; theme=dark'
 
// Cookies приходят в виде строки, нужно парсить

// ❌ Плохо — cookies отправляются с каждым запросом
document.cookie = 'bigData=очень_большие_данные'; // Замедляет сайт!
 
// ✅ Лучше — использовать localStorage
localStorage.setItem('bigData', 'очень_большие_данные');

// ❌ Проблема — cookie без срока жизни удаляется при закрытии браузера
document.cookie = 'temp=данные';
 
// ✅ Хорошо — устанавливаем срок
document.cookie = 'temp=данные; max-age=3600'; // На час

// ❌ Небезопасно — cookie доступны через JavaScript
document.cookie = 'token=abc123';
 
// ✅ Безопаснее — HttpOnly cookie устанавливает сервер
// Set-Cookie: token=abc123; HttpOnly; Secure

// ✅ Авторизация (токены, сессии)
// ✅ Персонализация (язык, тема)
// ✅ Отслеживание (аналитика, реклама)

// ❌ Большие данные (ограничение 4 КБ)
// ❌ Частые изменения (нагружают запросы)
// ❌ Конфиденциальные данные (видны в запросах)