Web storage API: работа с Cookies в HTML5 | OTUS
⚡ Открываем подписку на курсы!
Проходите параллельно 3 онлайн-курса в месяц по цене одного.
Подробнее

Курсы

Программирование
Flutter Mobile Developer Подготовка к сертификации Oracle Java Programmer (OCAJP)
-8%
Супер-интенсив «СУБД в высоконагруженных системах»
-18%
Алгоритмы и структуры данных
-12%
Web-разработчик на Python
-11%
Архитектура и шаблоны проектирования
-14%
Team Lead
-15%
iOS-разработчик. Базовый курс
-23%
Разработчик на Spring Framework Python Developer. Basic
-16%
C# ASP.NET Core разработчик
-18%
Разработчик программных роботов (RPA) на базе UiPath и PIX
-6%
Android-разработчик. Базовый курс
-10%
C++ Developer. Professional Разработчик C# AWS для разработчиков Software Architect Unity Game Developer. Basic Разработчик голосовых ассистентов и чат-ботов Backend-разработка на Kotlin React.js Developer Разработчик Node.js Нереляционные базы данных Супер - интенсив по паттернам проектирования Супер - интенсив по Kubernetes Advanced Fullstack JavaScript developer
Инфраструктура
Супер-интенсив «СУБД в высоконагруженных системах»
-18%
PostgreSQL
-10%
IoT-разработчик
-12%
Administrator Linux. Professional
-11%
Базы данных
-19%
Administrator Linux.Basic
-18%
Разработчик программных роботов (RPA) на базе UiPath и PIX
-6%
Сетевой инженер AWS для разработчиков Software Architect Reverse-Engineering. Professional CI/CD VOIP инженер Супер-практикум по работе с протоколом BGP Супер - интенсив по паттернам проектирования Супер - интенсив по Kubernetes
Специализации Курсы в разработке Подготовительные курсы
+7 499 938-92-02

Web storage API: работа с Cookies в HTML5

WebDev_Deep_LAST_25.07_Site.png

Когда говорят HTML5, то обычно под этим словом понимают новые теги, например, <main>, <nav>, <header> и <footer>. Реже – рисование в <canvas> и проигрывание <video>. И чаще всего обходят стороной Web storage API.

Web storage API создано для замены морально устаревших cookies, и имеет ряд преимуществ над cookies.

Рассмотрим данное JavaScript API поближе

– Все Cookies хранятся в виде обычной текстовой строки в формате:

key1=value1; key2=value2;

А различные пары «ключ-значение» могут храниться в одной строке. И, да, чтобы достать какое-то значение, необходимо достать все значения и разделять их. Web storage тоже хранит значения в виде «key-value», но работать с ним гораздо проще.

– Cookies хранятся на стороне клиента и передаются на сервер при каждом запросе! Данные в Web storage относятся только к клиентской части и не передаются на сервер.

– Cookies имеют время жизни и долгоживущие Cookies не пропадут при закрытии окна браузера. Помимо этого нельзя никак привязать время жизни Сookies к закрытию окна, что необходимо для организации кэша. Web Storage состоит из двух частей – LocalStorage и SessionStorage. По своей сути они полностью идентичны, c той лишь разницей, что SessionStorage пропадёт после закрытия окна браузера.

– Cookies ограничены по размеру – всего 4 Кб. Этого не хватит для хранения даже маленького документа. Web storage имеет ограничение в 5 Мб, чего более чем достаточно для хранения документа и/или большого дерева метаданных.

А если ограничиться, например, движком WebKit, то работу с Web storage можно построить по принципам реляционных баз данных. Да, и писать полноценные SQL для работы с этой БД.

Есть вопрос? Напишите в комментариях!

Не пропустите новые полезные статьи!

Спасибо за подписку!

Мы отправили вам письмо для подтверждения вашего email.
С уважением, OTUS!

Автор
0 комментариев
Для комментирования необходимо авторизоваться