Добавить в корзинуПозвонить
Найти в Дзене

LocalStorage - личное хранилище сайта в твоём браузере

LocalStorage - личное хранилище сайта в твоём браузере. Представь: ты заходишь на сайт, выбираешь тему, язык, город - и хочешь, чтобы при следующем заходе всё осталось как есть, чтобы сайт помнил твои настройки. Вот тут и приходит на помощь localStorage! localStorage - это как маленькая корзинка в браузере, куда сайт может что-то положить и потом достать позже. И самое крутое - данные там остаются даже после перезагрузки страницы, закрытия вкладки или браузера. В отличие от Cookie, которые хранятся ограниченное количество времени. // Сохраняем localStorage.setItem('любимыйСайт', 'ancial'); // Достаём const сайт = localStorage.getItem('любимыйСайт'); console.log(сайт); // 'ancial' Но есть ограничения: 1. Хранит только строки. 2. Есть лимит (обычно ~5-10 МБ). 3. Данные видны пользователю и могут быть изменены вручную. localStorage - простой и мощный инструмент, чтобы сделать сайт удобнее без сервера. Подпишись на @ZeniFlow - про возможности веба без сложных слов. #технологииВеба

LocalStorage - личное хранилище сайта в твоём браузере.

Представь: ты заходишь на сайт, выбираешь тему, язык, город - и хочешь, чтобы при следующем заходе всё осталось как есть, чтобы сайт помнил твои настройки.

Вот тут и приходит на помощь localStorage!

localStorage - это как маленькая корзинка в браузере, куда сайт может что-то положить и потом достать позже.

И самое крутое - данные там остаются даже после перезагрузки страницы, закрытия вкладки или браузера. В отличие от Cookie, которые хранятся ограниченное количество времени.

// Сохраняем

localStorage.setItem('любимыйСайт', 'ancial');

// Достаём

const сайт = localStorage.getItem('любимыйСайт');

console.log(сайт); // 'ancial'

Но есть ограничения:

1. Хранит только строки.

2. Есть лимит (обычно ~5-10 МБ).

3. Данные видны пользователю и могут быть изменены вручную.

localStorage - простой и мощный инструмент, чтобы сделать сайт удобнее без сервера.

Подпишись на @ZeniFlow - про возможности веба без сложных слов.

#технологииВеба