JavaScript - Что такое localStorage, sessionStorage, Cookies

Поделиться
HTML-код
  • Опубликовано: 10 сен 2024
  • Что такое localStorage vs sessionStorage vs Cookies и в чем между ними разница
    Спасибо что смотрите, не забывайте ставить лайк, подписаться и оставить коммент под видео, так вы благодарите меня и мотивируете снимать новое полезное видео.
    RUclips: / @mariodev
    VK: mario2020
    instagram: / mario_ahi
    facebook / mariodevelope
    #localStorage #sessionStorage #cookies #javascript #css #html #marioDev #programming #frontend

Комментарии • 29

  • @MarioDev
    @MarioDev  4 года назад +10

    localStorage 5:50
    sessionStorage 17:35
    cookies 22:10

  • @user-eh3xv5sp7n
    @user-eh3xv5sp7n 3 года назад +8

    Cookie вы неверно установили
    const name = 'Mario'
    document.cookie = name;
    Это не будет работать
    Правильно будет так
    document.cookie = 'name=Mario';
    Зачем вы вводите людей в заблуждение ?? Или зачем не подготовились к видео и творите дичь ??

  • @olegt.8912
    @olegt.8912 2 года назад +2

    Четко, лаконично и наглядно. Спасибо.

  • @nikitafilatov6723
    @nikitafilatov6723 3 года назад

    здравствуйте , помогите пожалуйста, имеется код для показа блока(уведомление) через определенный промежуток времени, но при обновлении страницы время сбрасывается, как записать время во временную сессию?
    `var time = setTimeout(noti, 9000);
    function noti() {
    document.getElementById('notifications').style.display = "flex";
    time = setTimeout(noti,9000);
    }
    function clock(){
    /*код на кнопку "закрывает уведомление" - сбрасывает таймер и запускает время снова*/
    clearInterval(time);
    setTimeout(noti,9000);
    }`

    • @MarioDev
      @MarioDev  3 года назад

      при обновлении страницы все приложение обновляется ВСЕГДА, т.е рендер происходит заново, посмотри в сторону localstorage, второе - никогда не надейся на setTimeout оно всегда не точно, в третьих - посмотри что такое eventLoop

  • @muhamedoshan5246
    @muhamedoshan5246 3 года назад +1

    Спасибо очень доступно объяснили, как тестировщику сложно понимать их отличия словами или когда без примера читаешь про local, session storage и coockie

  • @F_S_A
    @F_S_A 4 года назад +3

    Спасибо все класс но А как время куки установить ?

    • @MarioDev
      @MarioDev  4 года назад +4

      параметр expires/max age пишется след образом: 'expires=' + new Date(9999, 0, 1).toUTCString() где 9999 установи свою дату

  • @user-sl4mb1iy3h
    @user-sl4mb1iy3h 2 года назад +1

    продивившись про localStorage поставив лайк. коли додивився як пояснив про КУКИ то зняв свій лайк. 😂

  • @user-ni7ge7ne7s
    @user-ni7ge7ne7s 2 года назад +4

    Когда смотрел видос ради подробного рассказа про куки, но про них почти ни чего не было: как светятся иэс сервера, как светятся локально, про заголовки, про доступность на запись и чтение. Печально

    • @808beno7
      @808beno7 Год назад

      Что такое иэс? По итогу нашёл инфа? Если да, можешь линк дать?)

  • @haykmkrtchyan3473
    @haykmkrtchyan3473 3 года назад

    Спасибо! Все понятно, все работает

  • @vladimirww5152
    @vladimirww5152 3 года назад

    Интересно, а LocalStorage - это 10мб на один сайт или на все сайты?
    То же про SessionStorage - 5мб на одну сессию или на все сразу?

  • @mykhailobokalo6037
    @mykhailobokalo6037 4 года назад +1

    Mario спасибо за видео! Всё просто и понятно изложено. Вопрос: будет ли видео по IndexedDB? Также хотелось бы увидеть от тебя обзор технологий хранения данных на клиенте с точки зрения реальной практики: когда и зачем использовать Cookie, SessionStorage, LocalStorage, IndexedDB.

    • @MarioDev
      @MarioDev  4 года назад

      Используй localStorage, что касается IndexedDB пока не планировал, так как достаточно редко где используют в настоящее время

  • @user-dq1ns5kn5f
    @user-dq1ns5kn5f 4 года назад

    Спасибо)

  • @denisk.1213
    @denisk.1213 3 года назад

    спасибо)

  • @l524l8
    @l524l8 3 года назад +2

    бедная клавиатура!

  • @nargizgasanova6222
    @nargizgasanova6222 2 года назад

    спасибо

  • @dracula1347
    @dracula1347 2 года назад

    Awesome bro, thanks

  • @igorselin4969
    @igorselin4969 2 года назад

    мы же можем взять данные с локал или session storage и отправить спокойно на бек

  • @grantorino3465
    @grantorino3465 3 года назад +2

    брехло, в локалсторадж записывает любой тип данных с приведение его к строке

    • @igorselin4969
      @igorselin4969 2 года назад

      так он сказала принимает тип строки - он же сказал что не можно делать стрингифай
      и если ты что-то привел к строки
      к примеру булеан - то это уже не булеан а строка

    • @igorselin4969
      @igorselin4969 2 года назад

      и дальше если смотреть он показывает как данные других типов записывать

  • @user-uy2lf1ys6u
    @user-uy2lf1ys6u 3 года назад +1

    Так байты или биты?

  • @vd7533
    @vd7533 Год назад

    да? да? да?

  • @jurafree426
    @jurafree426 3 года назад

    11:15 не "персон", а "писюн" )))