JavaScript 2.0. Local Storage. Сохраним все!
HTML-код
- Опубликовано: 4 окт 2019
- js2.itgid.info
Сайт для проверки s.itgid.info
React курс: itgid.info/react
Этот урок: js2.itgid.info/unit?unit=loca...
VK: webdev_zero
Курс практический JavaScript: js.itgid.info
JSRules: t.me/jsrules
![Уроки Javascript #7. Local Storage - Как правильно использовать? [JS для начинающих]](/img/1.gif)
Кто рано по утрам встает тот курс от Алекса посмотрит. Спасибо :)
ага
С начала смотрю, мол и зачем оно мне нужно? А потом у меня падает челюсть и в голове: "А шо, так можно было???!!!"
С собитием изменения вообще крутяк
супер! рад!
Ага! В точку!
Пхахаха тоже самое ощущение!
+
Алесандр как всегда лучший в обучении!!!Прошел его платный курс JS 2.0 и получил огромный набор знаний ,которые уже начал применять в работе. Задачи подобраны отлично и вы быстро прокаечаете свой скилз написания кода)Александру спасибо,а всем остальным желаю удачи и упорства!
Спасибо за очередное понятное объяснение! Удави Вам и процветания каналу!
Спасибо за полезные информации, давно не врубился тему. Теперь все ясненко стало.
Спасибо за прекрасный урок!😀 Вечный жирный Вам лайк!😇 """🙂требуем🙏🙏🙏""" еще больше такого же хорошего и понятного видео по JavaScript !!! 👍👍👍
Дякую! Дуже корисно!
Я js вроде знаю, и всеравно смотрю вас уже с 2016. просто так. Спасибо вам!
Отличное видео. Было все понятно. Спасибо
все гениальное просто! 👍 спасибо!
Интересное видео, всё понятно. Спасибо!
Спасибо большое за видео! читала до вашего видео и не могла понять, как это работает и для чего
Отличный видос, как раз в тему.)
Спасибо, отличный урок!
Александр, спасибо Вам большое. Пересмотрел несколько роликов с бОльшим количеством просмотров и лайков на эту тему и не до конца понял. После вашего ролика, сделал сохранение в TODO листе с первого раза. Еще раз спасибо!
Такое чувство как будто на паре побывал) Смотрю сейчас Ваше видео по JS от 2016 года, со временем дойду и до этих. Удачи бать)
Serious Man спасибо, сыночка! Учись хорошо! 😉
👍Лучший курс!!!
Комментарий для продвижения вашего бомбического канала!
Нужная тема! Спасибо!
спасибо!
Просто лучший. Одним словом спас меня 👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍👍
Спасибо огромное, вы очень мне помогли! Я как раз корзину делал :)
Отличный урок все разжевано понятно)))
Спасибо большое, ты классный!
Спасибо, не сразу разобрался, почему не было контакта со второй страницей, в целом все круто !!!
виглядає дуже круто)
Кто учится у Алекса сегодня, завтра будут править миром! Спасибо Алекс, дико доступно и понятно!
Павел Сергеевич спасибо за комментарий! Если так случится, то будем очень рады за наших учеников! Хотя мы и так гордимся учениками! 😊
Отлично сказано !)
Завтра наступило. Каким из миров ты повелеваешь?
У тебя в задачах к этому видеоуроку в первом таске, в последнем предложении очепятка. Спасибо за уроки!
Полезное видео! Зачет
Спасибо большое
По локалстореджу класний урок. Багато стає зрозумілим)
как всегда супер
лайкаю автоматом)
Супер.
Отличное видео! Спасибо за объяснение! Я так понимаю, что через localStorage можно сделать блокнот с сохранением информации или общий чат?
нет, поскольку данные будут сохранятся только у вас. Чаты делаются с помощью socket.
Спасибо !!
Спасибо
Супер
Крутотень
спасибо! 🔥
Дошел уже до 22 урока. Интересно. Одновременно прорешиваю задачи начиная с первого урока и уже что-то остается в голове. Думаю еще пару месяцев и можно к ReactJS переходить)), а там и до NodeJS не далеко!))
Как успехи?
спасибо
Наконец-то я все понял
Здравствуйте, спасибо за видео. Подскажите как получить localStorage на стороне сервера?
Такой вопрос, а вот как выводить обновленные данные localStorage на этой же странице? То есть, тот же b1 conunt выводить на первой странице, а не на второй. Я когда решал задачу, то у меня получилось сделать через setInterval, но хотелось бы знать, возможно это сделать как-то еще?
спасиб, отшэнь инцярэсна!
А по dom, bom, events есть курс подробный?
Я вот что подумал, а нельзя вместо локал использовать модули? Подключать js файлы и оттуда менять данные на нескольких страницах?
Допустим у нас в localStorage лежит ('title:' 'text'). Вопрос: как достать эти html теги(, )?
ищем < и > , сравниваем , делаем что надо
Вопрос: Я сейчас делаю ежедневник. У меня есть 7 блоков div в которых храниться списки с расписанием на неделю. Никак не могу придумать как мне их сохранить в LocalStorage? Дайте совет пожалуйста!
здравствуйте можете подсказать как взять данные из localStorage и разместить внутри блока html
nice
ls это кайф
Я вот только одного не понял, почему в консоли после JSONparse значения выводятся в другом порядке? 7:34
Вводили:
hello:5,
k:2,
4:'hi'
а получили:
4:'hi'
hello:5,
k:2
Хороший вопрос, поковырялся в описании этого метода на MDN и вот что они говорят: ' Не полагайтесь на порядок свойств во время преобразования ... если они не являются *массивами*.'
Как долго хранится информация в Local Storage и можно ее изменять (продолжительность хранения)?
хранится до очистки кеша пользователем
концовка крутая, но вот по началу как-то все непонятно. нужно пересматривать...
Начал смотреть ерунда непонятная но на Александра это не похоже пока не рассказали зачем и куда но это получается lokal Storage мы можем влиять на другие вкладки в JS.
Спасибо!
круто было бы посмотреть как поменять цвет страницы с нажатие кнопки на другой страницы
по аналогии с count, только добавляем style к body и все
Как сделать чтобы БЛОК показывался 1 ип - 1 раз в определенное время ? Я хочу сделать видео аутоплэй и чтобы этот самый аутоплэйс срабатывал только 1 раз на 1ип ;(
пишем его апи в его ls, дальше сравниваем, если уже был - не показываем
Для себя JSON 05:15
Корректно ли данным образом менять язык на сайте?
Лучше это через сервер делать
+
Как с вами связаться? Из России
Можно видео где сохраняются данные интернет магазина и как оно делается
Да. Заходите на itgid.info
Уже не первый объект массивом называете, путаюсь)
Массив это и есть объект
И вот.
if somebody want to see normal React (Local Storage)code which was writte with using Functional components here he is:
function App () {
const [state,setState] = React.useState({
user: '',
rememberMe: false
})
const ref = useRef(null)
const handleChange = (event) => {
const input = @t;
const value = input.type === 'checkbox' ? input.checked : input.value;
setState(Object.assign({}, state, {[input.name]: value }));
};
localStorage.setItem('foo', 'foo')
const handleFormSubmit = () => {
const { user, rememberMe } = state;
localStorage.setItem('rememberMe', JSON.stringify(rememberMe));
if (rememberMe) {
localStorage.setItem('user', JSON.stringify(user));
} else {
localStorage.setItem('user', '');
}
};
useEffect( () => {
const rememberMe = localStorage.getItem('rememberMe') === 'true';
const user = rememberMe ? JSON.parse(localStorage.getItem('user')) : '';
setState({ user, rememberMe });
},[])
return (
User:
Remember me
Sign In
);
}
а я то думал как делаются темы на сайтах
,норм,jxtym rhenfz inerf
ну теперь понятно почему браузеры постоянно засираются))))))))
нет в домашке карзины
Здравствуйте Александр. У вас ошибка в названии урока: вместо ё стоит е
@@volodimiryemshyn715 Это неправельная практика и такое написание считается синтактичечкой ошибкой. Т.к. есть слово "все" и "всё" и значение этих слов разное.
@@volodimiryemshyn715 Ты тоже
да, обычно не использую еЁ
Ну зачём тёбё это надо
@@itgidНу это вы зря. Ведь большое предложение может стать не понятным с быстрого прочтения.
Спасибо! Получается, что используя LS можно на чистом JS получить аналог состояния в React?
спасибо