Где в браузере можно хранить данные на клиенте?

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

• LocalStorage — простой ключ-значение, данные сохраняются без срока действия, доступны только в рамках одного домена.
• SessionStorage — похож на LocalStorage, но данные живут только в рамках одной сессии (пока открыта вкладка).
• IndexedDB — более сложная и мощная база данных на стороне клиента, позволяет хранить большие объемы структурированных данных.
• Cookies — маленькие данные, которые отправляются на сервер с каждым запросом, обычно используются для сессий и аутентификации.

Пример использования LocalStorage:

localStorage.setItem('user', JSON.stringify({name: 'Иван', age: 30}));
const user = JSON.parse(localStorage.getItem('user'));
console.log(user.name); // Иван