Уроки Javascript / Хранилище LocalStorage - учимся сохранять данные о пользователе в браузере
ฝัง
- เผยแพร่เมื่อ 15 ต.ค. 2024
- Привет друзья! Сегодня мы с вами рассмотрим хранилище LocalStorage в Javascript. Это хранилище позволяет хранить в нем значения разных переменных, для того, чтобы, например, всегда знать, что делал пользователь на сайте, что он смотрел, и при следующем входе этого же посетителя на этот же сайт отобразить те материалы, которыми он интересовался в прошлый раз.
Таким образом вы можете настраивать сайт под посетителя - то есть показывать, например ему те виджеты, которые он настроил в прошлое свое посещение и скрывать те виджеты, которые он закрыл. Тогда у пользователя создается впечатление, что сайт уже подстроился под него.
✅ localStorage - это такой объект в браузере, в который мы можем писать значения переменных и их потом оттуда считывать. При этом они не очищаются даже, если мы перезагрузим страницу или закроем браузер.
✅ sessionStorage - тоже для хранения значений переменных, но в рамках одной сессии. Очистит все данные как только мы закроем вкладку.
✅ localStorage.setItem('ключ', 'значение') - добавляет новый ключ со значением
✅ localStorage.getItem('ключ') - считывает значение по ключу
✅ localStorage.removeItem("Ключ") - удаляет ключ
Ставь лайк, если тебе понравилось видео 👍
►► Подписывайся на наш канал: / @wiseplat
Рекомендую посмотреть вот эти видео ►
★ [Логические операции ИЛИ, НЕ, И] • Уроки Javascript / Лог...
★ [Конструкция switch case выбор по условию] • Уроки Javascript / Кон...
★ [Как подключить фейерверк к сайту, новогодний салют в праздник] • Уроки Javascript / Как...
★ [Как сделать эффект падающего снега за мышкой, снежинки следуют за курсором мыши] • Уроки Javascript. Как ...
★ [Как сделать новогоднюю открытку на вашем сайте, новогоднее поздравление!] • Уроки Javascript / Как...
★ [Как подключить новогоднюю гирлянду к вашему сайту, новогоднее украшение для сайта] • Уроки Javascript / Как...
★ [Как сделать метель на сайте] • Уроки Javascript / Как...
★ [Как подключить счетчик времени на сайт] • Урок Javascript / Как ...
★ [Что такое JavaScript пишем первую программу] • Уроки Javascript / Что...
★ [Как подключить JavaScript и вывести результат выполнения на экран] • Уроки Javascript / Как...
Где нас можно найти ►
--------------------------------------------
Вступай в группу Вк - wiseplat 🚀
Группа FaceBook - / wiseplat
Инстаграм Wiseplat: / wiseplat
Instagram: / shpaginoleg
Twitter - / wiseplatschool
Популярные плейлисты ►
--------------------------------------------
● Уроки программирования для детей по Scratch • Программирование с нул...
● Уроки программирования для детей и подростков на Python • Уроки Python программи...
● Уроки HTML/CSS. Учим быстро и эффективно! • Уроки HTML, CSS Как с...
● Уроки JavaScript. Изучаем основы языка и практикуемся сразу. • Уроки JavaScript от ну...
● Уроки jQuery. Для начинающих, с нуля • Уроки jQuery Подключе...
● Уроки Bootstrap для начинающих, с нуля учимся сразу делать классно! • Уроки Bootstrap для на...
● Компьютерное железо. Лайфхаки. Обзоры. Ноу-хау. Инструкции. Рекомендации. • Компьютерное железо. Л...
► Уроки на сайте Wiseplat:
--------------------------------------------
✔ Сообщество программистов: wiseplat.org/
✔ Дополнительное описание, домашние задания и многое другое можно найти на сайте WISEPLAT: wiseplat.org/
********************************
❤ Если Вам понравилась публикация, подписывайтесь на канал!
👍 Ставьте лайки, тогда будем еще создавать такой контент :)
✉ Если есть вопросы или пожелания, то пишите, в комментариях.
********************************
Уроки от #OlegShpagin
#урокиjavascript #урокиhtml #урокиcss
![Уроки Javascript #7. Local Storage - Как правильно использовать? [JS для начинающих]](http://i.ytimg.com/vi/434L4VCWT7U/mqdefault.jpg)
Ценю твой ЛАЙК и КОММЕНТ!
Facebook: facebook.com/wiseplat/
Личный Facebook: facebook.com/oleg.shpagin
ВКонтакте: vk.com/wiseplat
Личный ВКонтакте: vk.com/bazatut_ru
Instagram: instagram.com/wiseplat/
Мой личный Instagram: instagram.com/shpaginoleg/
Фуфло, мутотень. Дизлайк. Ждал когда скажешь о причинах удаления и времени сохранения хранилища. Ждал когда скажешь о хранении при отключёном кеше
Спасибо за прекрасный урок!😀 Вечный жирный Вам лайк!😇 """🙂требуем🙏🙏🙏""" еще больше такого же хорошего и понятного видео по JavaScript !!! 👍👍👍
Сколько пересмотрел ваших крутых видео про питончик уже, а тут находка - такой близкий мне по душе JavaScript. За try/catch отдельный респект, спасибо)
Спасибо
13:07 неверно. Мы там были, там 1 записана. Интересно, как инт или стринг? А то что это сработало - ну потому что 1, "1" !='ok' огромное спасибо, даже Благодарность за урок!
Олег, расскажите о переполнении localStorage. Есть его граничный объем, но ведь он быстро заполняется, наверное? потому что даже после сессий значения сохраняются.
Что будет делать браузер в случае приближения к граничному значению? Самоочищает? Много недоговорено(
пока что один из самых емких и интересных уроков
Vue Axios ждем в следующем?)
Спасибо большое, у меня получилось так же. А можно видео про cookies, пожалуйста
Блин брат, пиши конспекты уроков, имей ввиду тебя смотрят не только гики программирования, но и люди, которые пытаются переваривать все то, что ты говоришь, а ты им - "итак, создаём переменную, нет, мы даже её вот суда пере.. а нет, лучше мы удалим, ну и присвоим, а потом..." Любой учитель должен ещё До урока знать, что будет говорить ученикам, а не на ходу выдумывать, тем более когда ты явно не Макаренко.
Привет, иногда хочется рассказать и показать больше чем запланировал 😀😎 Поэтому иногда так получается 👍 Будем стараться лучше 😀
Да автор намудрил, перемудрил, всех запутал, то удалил то добавил - нечего не понятно
@@wiseplat не надо больше чем планировал, вы всех путаете. Меняете условие задачи 10 раз за две минуты
@@wiseplat давайте выведем переменную, ой мы же уже ее стерли)))
Что-то не понял с первого раза,стерли убралиб что-то подставили. запутался вообще и плохо видно текст на экране.А есть писменная информация по этой теме пожалуйста.
потому что автор и сам запутался. То удаляет то добавляет - сам не знает что пишет.
Ничего не видно. 😭
™