Уроки Javascript / Хранилище LocalStorage - учимся сохранять данные о пользователе в браузере
Привет друзья! Сегодня мы с вами рассмотрим хранилище LocalStorage в Javascript. Это хранилище позволяет хранить в нем значения разных переменных, для того, чтобы, например, всегда знать, что делал пользователь на сайте, что он смотрел, и при следующем входе этого же посетителя на этот же сайт отобразить те материалы, которыми он интересовался в прошлый раз.
Таким образом вы можете настраивать сайт под посетителя – то есть показывать, например ему те виджеты, которые он настроил в прошлое свое посещение и скрывать те виджеты, которые он закрыл. Тогда у пользователя создается впечатление, что сайт уже подстроился под него.
✅ localStorage – это такой объект в браузере, в который мы можем писать значения переменных и их потом оттуда считывать. При этом они не очищаются даже, если мы перезагрузим страницу или закроем браузер.
✅ sessionStorage – тоже для хранения значений переменных, но в рамках одной сессии. Очистит все данные как только мы закроем вкладку.
✅ (’ключ’, ’значение’) - добавляет новый ключ со значением
✅ (’ключ’) – считывает значение по ключу
✅ (“Ключ“) – удаляет ключ
Ставь лайк, если тебе понравилось видео 👍
►► Подписывайся на наш канал:
Рекомендую посмотреть вот эти видео ►
★ [Логические операции ИЛИ, НЕ, И]
★ [Конструкция switch case выбор по условию]
★ [Как подключить фейерверк к сайту, новогодний салют в праздник]
★ [Как сделать эффект падающего снега за мышкой, снежинки следуют за курсором мыши]
★ [Как сделать новогоднюю открытку на вашем сайте, новогоднее поздравление!]
★ [Как подключить новогоднюю гирлянду к вашему сайту, новогоднее украшение для сайта]
★ [Как сделать метель на сайте]
★ [Как подключить счетчик времени на сайт]
★ [Что такое JavaScript пишем первую программу]
★ [Как подключить JavaScript и вывести результат выполнения на экран]
Где нас можно найти ►
--------------------------------------------
Вступай в группу Вк - 🚀
Группа FaceBook -
Инстаграм Wiseplat:
Instagram:
Twitter -
Популярные плейлисты ►
--------------------------------------------
● Уроки программирования для детей по Scratch
● Уроки программирования для детей и подростков на Python
● Уроки HTML/CSS. Учим быстро и эффективно!
● Уроки JavaScript. Изучаем основы языка и практикуемся сразу.
● Уроки jQuery. Для начинающих, с нуля
● Уроки Bootstrap для начинающих, с нуля учимся сразу делать классно!
● Компьютерное железо. Лайфхаки. Обзоры. Ноу-хау. Инструкции. Рекомендации.
► Уроки на сайте Wiseplat:
--------------------------------------------
✔ Сообщество программистов:
✔ Дополнительное описание, домашние задания и многое другое можно найти на сайте WISEPLAT:
********************************
❤ Если Вам понравилась публикация, подписывайтесь на канал!
👍 Ставьте лайки, тогда будем еще создавать такой контент :)
✉ Если есть вопросы или пожелания, то пишите, в комментариях.
********************************
- Уроки от #OlegShpagin
#урокиjavascript #урокиhtml #урокиcss
1 view
161
41
7 months ago 00:21:56 1
#2 Проект “Список собеседований“ на Vue3, TS, Pinia. Меню и роутинг
7 months ago 00:25:07 1
#1 Проект “Список собеседований“ на Vue3, TS, Pinia. Установка проекта.
7 months ago 00:10:29 1
Уроки React JS с нуля / #2 – Создание проекта
7 months ago 00:29:49 1
Как создать игру ЛАБИРИНТ в Scratch 3 (часть 1)
7 months ago 11:55:00 1
Frontender[1.0] - Модуль 1 | Курс по FRONTEND | HTML, CSS, SCSS, GIT, NPM, SEO, A11Y | УРОКИ [2-55]
7 months ago 02:28:12 1
ПОЛНЫЙ КУРС REACT JS для начинающих - Изучи Реакт за 2 часа с нуля!
7 months ago 00:18:23 1
58 - React JS - mapDispatchToProps лайф-хак
7 months ago 00:41:29 1
💎 Установка CMS Wordpress 2024 + настройка плагинов “Часть 1“
7 months ago 00:19:07 1
ООП в JavaScript. Делаем виджет GridView на ООП
7 months ago 00:08:08 1
Преобразование многомерного массива в плоский через рекурсию на JavaScript
7 months ago 00:29:16 1
56 - React JS практика - Презентационная и Контейнерная компоненты
7 months ago 00:04:37 1
Что такое массивы в программировании.
7 months ago 06:46:14 1
JavaScript для начинающих 2024. Полный курс за 6 часов. Уроки. Теория + практика
7 months ago 04:42:31 18
Верстка сайта HTML SCSS из Figma на Gulp сборке. Проект Modimal. Адаптивная верстка. 4K
7 months ago 02:56:40 1
Сайт портфолио на React JS урок для новичков. Базовый вводный курс в React для начинающих
7 months ago 00:06:01 1
Как исправить ЧЕРНЫЙ ЭКРАН при демонстрации экрана в Discord
7 months ago 00:25:28 1
Уроки Figma | Рисуем дневную и ночную тему в Фигма + верстаем в HTML
7 months ago 01:31:28 1
Запись занятия
7 months ago 00:12:46 1
52 - React JS практика - Side Effect
7 months ago 00:35:13 1
Создание потрясающей галереи на HTML, CSS и JavaScript (CSS-анимация, Blur, Parallax, Gradient)
7 months ago 02:40:45 2
Обучение JavaScript. Урок для начинающих. Скрипты для сайта интернет магазина
7 months ago 00:57:59 1
Создание крутого 3D сайта с анимацией прокрутки (HTML CSS JavaScript)
7 months ago 00:11:33 1
Изящное преобразование массива строк в массив чисел на JavaScript
7 months ago 01:00:22 1
Web app TELEGRAM Бот на node js и React. Интернет магазин и форма обратной связи в телеграмм боте