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

Sdílet
Vložit
  • čas přidán 3. 04. 2020
  • Что такое localStorage vs sessionStorage vs Cookies и в чем между ними разница
    Спасибо что смотрите, не забывайте ставить лайк, подписаться и оставить коммент под видео, так вы благодарите меня и мотивируете снимать новое полезное видео.
    CZcams: / @mariodev
    VK: mario2020
    instagram: / mario_ahi
    facebook / mariodevelope
    #localStorage #sessionStorage #cookies #javascript #css #html #marioDev #programming #frontend

Komentáře • 29

  • @MarioDev
    @MarioDev  Před 4 lety +10

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

  • @olegt.8912
    @olegt.8912 Před 2 lety +2

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

  • @user-sl4mb1iy3h
    @user-sl4mb1iy3h Před 2 lety +1

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

  • @haykmkrtchyan3473
    @haykmkrtchyan3473 Před 3 lety

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

  • @muhamedoshan5246
    @muhamedoshan5246 Před 3 lety +1

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

  • @user-dq1ns5kn5f
    @user-dq1ns5kn5f Před 3 lety

    Спасибо)

  • @dracula1347
    @dracula1347 Před rokem

    Awesome bro, thanks

  • @denisk.1213
    @denisk.1213 Před 3 lety

    спасибо)

  • @nargizgasanova6222
    @nargizgasanova6222 Před 2 lety

    спасибо

  • @user-eh3xv5sp7n
    @user-eh3xv5sp7n Před 3 lety +7

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

  • @user-ni7ge7ne7s
    @user-ni7ge7ne7s Před 2 lety +4

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

    • @808beno7
      @808beno7 Před rokem

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

  • @mykhailobokalo6037
    @mykhailobokalo6037 Před 4 lety +1

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

    • @MarioDev
      @MarioDev  Před 4 lety

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

  • @igorselin4969
    @igorselin4969 Před rokem

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

  • @nikitafilatov6723
    @nikitafilatov6723 Před 3 lety

    здравствуйте , помогите пожалуйста, имеется код для показа блока(уведомление) через определенный промежуток времени, но при обновлении страницы время сбрасывается, как записать время во временную сессию?
    `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  Před 3 lety

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

  • @vladimirww5152
    @vladimirww5152 Před 3 lety

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

  • @F_S_A
    @F_S_A Před 4 lety +2

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

    • @MarioDev
      @MarioDev  Před 4 lety +3

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

  • @user-uy2lf1ys6u
    @user-uy2lf1ys6u Před 3 lety +1

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

  • @vd7533
    @vd7533 Před rokem

    да? да? да?

  • @l524l8
    @l524l8 Před 3 lety +2

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

  • @jurafree426
    @jurafree426 Před 3 lety

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

  • @grantorino3465
    @grantorino3465 Před 3 lety +2

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

    • @igorselin4969
      @igorselin4969 Před rokem

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

    • @igorselin4969
      @igorselin4969 Před rokem

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