TGViewer
Programmer Way | AI Programmer Way | AI @programmerwayit · 1.78K subscribers
Post #546 9.93K
​​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. Также советую по посмотреть видео на эту тему:
More from @programmerwayit
  1. Aug 15, 2026Всем привет! 👋 После достаточно долгого перерыва пришла идея возродить этот канал, с моме…
  2. Aug 31, 2022​​ScrollReveal. Библиотека для создания анимации при скролле. Если нужно быстро добавить п…
  3. Aug 24, 2022​​Переезд в Бельгию. Всем привет, мир меняется, и если вчера можно было говорить, что така…
  4. Jul 26, 2022​​Sinauw. Всем привет! Давно не выходили посты, постараюсь исправиться, думаю нас ждет еще…
  5. Jun 19, 2022​​Chart.js. Chart.js — это большая библиотека для создания графиков, гистограмм, радарных…
  6. Jun 15, 2022Шахматы на React. С первого взгляда идея очень крутая: реализация реальных шахмат на react…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →