Обложка канала

Programmer Way | IT и фриланс

Личный блог фронтендера, делюсь мыслями, фишками, материалами для обучения

Programmer Way | IT и фриланс

4 года назад
Открыть в
​​LocalStorage и sessionStorage. Хранилища текстовой информации в браузере. LocalStorage можно сравнить с cookies, но он не отправляется на сервер, а находиться в браузере, соотвественно там можно хранить больше информации(до 5мб). Эта возможность есть только у браузерного api, поэтому не получится обратиться к своему localStorage где-то на сервере Основное отличия localStorage от sessionStorage можно понять с названия: sessionStorage активен пока активна текущая сессия(вкладка браузера), а localStorage сохраняет данные даже при закрытие браузера, поэтому чаще используют именно localStorage Давайте попробуем создать переключатель темы на сайте: 1) Создадим ключ через localStorage.setItem("theme”, ”light”), если ещё не был создан 2) Затем при клике на кнопку будем получать текущее значение localStorage.getItem(“theme”) и если оно равно строке “light”, то обращаемся к localStorage.theme = “dark”, если нет, то наоборот ставим значение light Хотя localStorage хранит только строки, мы всегда можем передать туда json, только не забывайте при получение объекта из localStorage делать JSON.parse. Также советую по посмотреть видео на эту тему: