Уроки Javascript / Хранилище LocalStorage - учимся сохранять данные о пользователе в браузере

Привет друзья! Сегодня мы с вами рассмотрим хранилище LocalStorage в Javascript. Это хранилище позволяет хранить в нем значения разных переменных, для того, чтобы, например, всегда знать, что делал пользователь на сайте, что он смотрел, и при следующем входе этого же посетителя на этот же сайт отобразить те материалы, которыми он интересовался в прошлый раз. Таким образом вы можете настраивать сайт под посетителя – то есть показывать, например ему те виджеты, которые он настроил в прошлое свое посещение и скрывать те виджеты, которые он закрыл. Тогда у пользователя создается впечатление, что сайт уже подстроился под него. ✅ localStorage – это такой объект в браузере, в который мы можем писать значения переменных и их потом оттуда считывать. При этом они не очищаются даже, если мы перезагрузим страницу или закроем браузер. ✅ sessionStorage – тоже для хранения значений переменных, но в рамках одной сессии. Очистит все данные как только мы закроем вкладку. ✅ localStorage.setItem('ключ', 'значение') - добавляет новый ключ со значением ✅ localStorage.getItem('ключ') – считывает значение по ключу ✅ localStorage.removeItem("Ключ") – удаляет ключ Ставь лайк, если тебе понравилось видео 👍 ►► Подписывайся на наш канал:    / @wiseplat   Рекомендую посмотреть вот эти видео ► ★ [Логические операции ИЛИ, НЕ, И]    • Уроки Javascript / Логические операци...   ★ [Конструкция switch case выбор по условию]    • Уроки Javascript / Конструкция switch...   ★ [Как подключить фейерверк к сайту, новогодний салют в праздник]    • Уроки Javascript / Как подключить фей...   ★ [Как сделать эффект падающего снега за мышкой, снежинки следуют за курсором мыши]    • Уроки Javascript. Как сделать эффект ...   ★ [Как сделать новогоднюю открытку на вашем сайте, новогоднее поздравление!]    • Уроки Javascript / Как сделать нового...   ★ [Как подключить новогоднюю гирлянду к вашему сайту, новогоднее украшение для сайта]    • Уроки Javascript / Как подключить нов...   ★ [Как сделать метель на сайте]    • Уроки Javascript / Как сделать метель...   ★ [Как подключить счетчик времени на сайт]    • Урок Javascript / Как подключить счет...   ★ [Что такое JavaScript пишем первую программу]    • Уроки Javascript / Что такое JavaScri...   ★ [Как подключить JavaScript и вывести результат выполнения на экран]    • Уроки Javascript / Как подключить и в...   Где нас можно найти ► -------------------------------------------- Вступай в группу Вк - https://vk.com/wiseplat
🚀 Группа FaceBook -   / wiseplat   Инстаграм Wiseplat:   / wiseplat   Instagram:   / shpaginoleg   Twitter -   / wiseplatschool   Популярные плейлисты ► -------------------------------------------- ● Уроки программирования для детей по Scratch    • Программирование с нуля на Scratch   ● Уроки программирования для детей и подростков на Python    • Уроки Python программирование для нач...   ● Уроки HTML/CSS. Учим быстро и эффективно!    • Уроки HTML, CSS  Как сделать галерею ...   ● Уроки JavaScript. Изучаем основы языка и практикуемся сразу.    • Уроки JavaScript от нуля до профи   ● Уроки jQuery. Для начинающих, с нуля    • Уроки jQuery  Подключение к сайту и а...   ● Уроки Bootstrap для начинающих, с нуля учимся сразу делать классно!    • Уроки Bootstrap для начинающих, с нуля   ● Компьютерное железо. Лайфхаки. Обзоры. Ноу-хау. Инструкции. Рекомендации.    • Компьютерное железо. Лайфхаки. Обзоры...   ► Уроки на сайте Wiseplat: -------------------------------------------- ✔ Сообщество программистов:
✔ Дополнительное описание, домашние задания и многое другое можно найти на сайте WISEPLAT:
******************************** ❤ Если Вам понравилась публикация, подписывайтесь на канал! 👍 Ставьте лайки, тогда будем еще создавать такой контент :) ✉ Если есть вопросы или пожелания, то пишите, в комментариях. ******************************** Уроки от #OlegShpagin #урокиjavascript #урокиhtml #урокиcss

Смотрите также