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

แชร์
ฝัง
  • เผยแพร่เมื่อ 15 ต.ค. 2024
  • Что такое localStorage vs sessionStorage vs Cookies и в чем между ними разница
    Спасибо что смотрите, не забывайте ставить лайк, подписаться и оставить коммент под видео, так вы благодарите меня и мотивируете снимать новое полезное видео.
    TH-cam: / @mariodev
    VK: mario2020
    instagram: / mario_ahi
    facebook / mariodevelope
    #localStorage #sessionStorage #cookies #javascript #css #html #marioDev #programming #frontend

ความคิดเห็น • 29

  • @MarioDev
    @MarioDev  4 ปีที่แล้ว +11

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

  • @АндрейМалахов-л2р
    @АндрейМалахов-л2р 3 ปีที่แล้ว +8

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

  • @olegt.8912
    @olegt.8912 2 ปีที่แล้ว +2

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

  • @F_S_A
    @F_S_A 4 ปีที่แล้ว +3

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

    • @MarioDev
      @MarioDev  4 ปีที่แล้ว +5

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

  • @ВладиславБаурин-й4я
    @ВладиславБаурин-й4я 2 ปีที่แล้ว +4

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

    • @808beno7
      @808beno7 ปีที่แล้ว

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

  • @muhamedoshan5246
    @muhamedoshan5246 3 ปีที่แล้ว +1

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

  • @dracula1347
    @dracula1347 2 ปีที่แล้ว

    Awesome bro, thanks

  • @haykmkrtchyan3473
    @haykmkrtchyan3473 3 ปีที่แล้ว

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

  • @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

  • @СергійМельник-х2ф
    @СергійМельник-х2ф 2 ปีที่แล้ว +1

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

  • @vladimirww5152
    @vladimirww5152 3 ปีที่แล้ว

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

    • @MarioDev
      @MarioDev  3 ปีที่แล้ว

      на один

  • @denisk.1213
    @denisk.1213 3 ปีที่แล้ว

    спасибо)

  • @igorselin4969
    @igorselin4969 2 ปีที่แล้ว

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

  • @nargizgasanova6222
    @nargizgasanova6222 2 ปีที่แล้ว

    спасибо

  • @МаксимМоздолевский-ц2т
    @МаксимМоздолевский-ц2т 4 ปีที่แล้ว

    Спасибо)

  • @mykhailobokalo6037
    @mykhailobokalo6037 4 ปีที่แล้ว +1

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

    • @MarioDev
      @MarioDev  4 ปีที่แล้ว

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

  • @АндрейМещеряков-м9е
    @АндрейМещеряков-м9е 4 ปีที่แล้ว +1

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

  • @vd7533
    @vd7533 ปีที่แล้ว

    да? да? да?

  • @l524l8
    @l524l8 3 ปีที่แล้ว +2

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

  • @grantorino3465
    @grantorino3465 3 ปีที่แล้ว +2

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

    • @igorselin4969
      @igorselin4969 2 ปีที่แล้ว

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

    • @igorselin4969
      @igorselin4969 2 ปีที่แล้ว

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

  • @jurafree426
    @jurafree426 3 ปีที่แล้ว

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