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

Привет друзья! Сегодня мы с вами рассмотрим хранилище LocalStorage в Javascript. Это хранилище позволяет хранить в нем значения разных переменных, для того, чтобы, например, всегда знать, что делал пользователь на сайте, что он смотрел, и при следующем входе этого же посетителя на этот же сайт отобразить те материалы, которыми он интересовался в прошлый раз.

Таким образом вы можете настраивать сайт под посетителя – то есть показывать, например ему те виджеты, которые он настроил в прошлое свое посещение и скрывать те виджеты, которые он закрыл. Тогда у пользователя создается впечатление, что сайт уже подстроился под него.

✅ localStorage – это такой объект в браузере, в который мы можем писать значения переменных и их потом оттуда считывать. При этом они не очищаются даже, если мы перезагрузим страницу или закроем браузер.
✅ sessionStorage – тоже для хранения значений переменных, но в рамках одной сессии. Очистит все данные как только мы закроем вкладку.

Ставь лайк, если тебе понравилось видео 👍

Рекомендую посмотреть вот эти видео ►

Где нас можно найти ►
--------------------------------------------

Популярные плейлисты ►
--------------------------------------------

► Уроки на сайте Wiseplat:
--------------------------------------------

********************************
❤ Если Вам понравилась публикация, подписывайтесь на канал!

👍 Ставьте лайки, тогда будем еще создавать такой контент :)

✉ Если есть вопросы или пожелания, то пишите, в комментариях.
********************************

- Уроки от #OlegShpagin
#урокиjavascript #урокиhtml #урокиcss

[qrgpqtk]

Спасибо за прекрасный урок!😀 Вечный жирный Вам лайк!😇 """🙂требуем🙏🙏🙏""" еще больше такого же хорошего и понятного видео по JavaScript !!! 👍👍👍

[apsolution]

Сколько пересмотрел ваших крутых видео про питончик уже, а тут находка - такой близкий мне по душе JavaScript. За try/catch отдельный респект, спасибо)

[DmitriyShuvalov]

13:07 неверно. Мы там были, там 1 записана. Интересно, как инт или стринг? А то что это сработало - ну потому что 1, "1" !='ok' огромное спасибо, даже Благодарность за урок!

[unboxingcom]

Спасибо большое, у меня получилось так же. А можно видео про cookies, пожалуйста

[sateevtima]

пока что один из самых емких и интересных уроков
Vue Axios ждем в следующем?)

[orhyxzu]

Олег, расскажите о переполнении localStorage. Есть его граничный объем, но ведь он быстро заполняется, наверное? потому что даже после сессий значения сохраняются.
Что будет делать браузер в случае приближения к граничному значению? Самоочищает? Много недоговорено(

[TheKirk]

Блин брат, пиши конспекты уроков, имей ввиду тебя смотрят не только гики программирования, но и люди, которые пытаются переваривать все то, что ты говоришь, а ты им - "итак, создаём переменную, нет, мы даже её вот суда пере.. а нет, лучше мы удалим, ну и присвоим, а потом..." Любой учитель должен ещё До урока знать, что будет говорить ученикам, а не на ходу выдумывать, тем более когда ты явно не Макаренко.

[dmitriy_]

Что-то не понял с первого раза, стерли убралиб что-то подставили. запутался вообще и плохо видно текст на экране.А есть писменная информация по этой теме пожалуйста.