Какие знаешь хранилища в браузере

В браузере есть несколько механизмов хранения данных:

LocalStorage

• Постоянное хранилище (не очищается автоматически)
• Доступно только в рамках одного домена
• Лимит ~5MB
• Пример:

localStorage.setItem('key', 'value');
const data = localStorage.getItem('key');

SessionStorage

• Аналогичен LocalStorage, но очищается при закрытии вкладки
• Пример:

sessionStorage.setItem('sessionKey', 'tempData');

Cookies

• Маленький объем (~4KB)
• Отправляются с каждым HTTP-запросом
• Можно установить срок жизни
• Пример:

document.cookie = 'user=John; max-age=3600';

IndexedDB

• Асинхронная NoSQL база данных
• Подходит для сложных структур и больших объемов
• Пример:

const request = indexedDB.open('myDB', 1);

Cache API

• Используется для хранения сетевых запросов (часть Service Workers)
• Пример:

caches.open('my-cache').then(cache => cache.add('/data.json'));