Автор оригинала: Azeez Olaniran.
Веб-разработка развивалась на протяжении многих лет. Мы переезжаем с написания просто простых веб-сайтов (смесь HTML, CSS и некоторый JavaSript) для отображения статического контента для записи полных душевых веб-приложений с динамическим содержанием и высокой интерактивностью. Несколько технологий также были эволярными для решения проблем, которые вытекали из написания этих сложных/сложных веб-приложений. В целях ускорить время разработки, мы склонны сосредоточиться больше на использовании этих технологий для достижения результатов с небольшим уходом за то, что происходит за кулисами или под капотом. Я решил сделать личные исследования, поделитесь своим опытом и объясните разные технологии, которые я сталкиваюсь в моем путешествии по развитию программного обеспечения как способ дальнейшего усиления моих знаний (я также поощряю, что другие разработчики делают это, чтобы лучше понять технологии, которые они используют) Отказ
Сегодня я стремлюсь объяснить 3 общих параметра хранения веб-браузеров открыть для веб-приложений. Мы все (ну я имеем в виду разработчики) знать важность постоянства данных для любого программного приложения, а веб-приложения не остаются от этой необходимости. Веб-приложения обычно записываются с помощью JavaScript (или любого языка, который в конечном итоге превращается в JavaScript), который может быть выполнен в браузере. Браузер предлагает несколько вариантов постоянства данных, которые включают в себя локальное хранилище, хранение сеанса и файлы cookie, которые мы узнаем сегодня.
Обычно говорят, что картина стоит больше тысячи слов, и я сильный верующий. С этим сказанным, я не буду больше не отнести вас с большим количеством текста, но показать ниже табличного вида, показывающего отношения/различия между общим параметрами хранения браузера, которые я упоминал ранее (cookies, локальное хранилище, хранение сеанса).
Чтобы дополнительно объяснить изображение выше, я обсудим каждый раздел для тех из нас, кто также любит читать и думать вместе.
Вместимость
- Печенье: Печенье позволяет только хранить максимальную мощность 4 КБ на домен. Если вы попытаетесь сохранить больше данных после достижения этого предела, вы столкнетесь с A/A … Ну, я думаю, это для вас, чтобы найти.
- Хранение сеансов: Предел хранения данных для этого варианта хранения составляет 5 МБ. Вы также можете пойти дальше, чтобы узнать, что происходит, когда вы превышаете этот предел.
- Местное хранилище: Локальное хранилище на браузере позволяет хранить около 10 МБ данных. Это самое большое допустимое хранение данных доступно из этих 3 вариантов. Что произойдет, если вы выполните этот предел? Ну, опять же, это для вас, чтобы узнать.
HTML версия (поддержка браузера)
- Печенье: Cookies поддерживаются браузерами, которые реализуют стандарты HTML 4 и HTML 5.
- Хранение сеансов: Складское хранилище поддерживается браузерами, которые внедряют только стандарты HTML 5.
- Местное хранилище: Локальное хранилище поддерживается браузерами, которые реализуют только стандарты HTML 5.
Доступность
- Печенье: Cookies доступны из любого окна (вкладка) в настоящее время открывается в браузере.
- Хранение сеансов: Складское хранилище доступно только с одной и той же вкладки, в настоящее время открытой в браузере.
- Местное хранилище: Локальное хранилище доступно из любого окна (вкладка) в настоящее время открывается в браузере.
Срок годности:
- Печенье: Дата истечения срока годности для хранения данных в качестве файлов cookie устанавливаются вручную (если установлена дата истечения срока действия, файл cookie проживает, пока установлен браузер). Срок действия печенья истекает, просто установите его срок годности до прошлого (Cool Right ).
- Хранение сеансов: Данные в хранилище сеанса истекают/исчезают, как только окно (вкладка), на котором он был установлен, закрыт.
- Местное хранилище: Данные в местном хранилище остаются до тех пор, пока остается установлен браузер. Вы должны вручную очистить данные, хранящиеся в локальном хранилище (вы можете использовать JavaScript для этого или инструментов разработчика вашего браузера, если он имеет один).
Расположение хранения по умолчанию: Я знаю, что это звучит немного странно, так как мы должны сосредоточиться на хранении на клиенте/браузере, но доверяйте мне, это также справедливо отметить.
- Печенье: Печенье хранятся на Клиент/браузер и Сервер Отказ Они используются для выполнения аутентификации между клиентом и сервером. Вы, вероятно, должны больше копать в этом.
- Хранение сеансов: Данные в хранилище сеанса хранятся только на клиенте/браузере (но окрестностях, вы можете добавить эти данные в полезную нагрузку, отправленную на сервер).
- Местное хранилище: Как и хранение сеанса, данные в локальном хранилище хранятся только на клиенте/браузере, а также можно добавить в полезную нагрузку, отправленную на сервер.
Там у вас есть, сломание этих общих вариантов хранения для наших побочных приложений Frontend/Client. Я надеюсь, что я смог пробудить вас любопытством и что вы наслаждались постом. Спасибо за пребывание со мной через это путешествие, и если у вас есть какие-либо вопросы/взносы, пожалуйста, опубликуйте их, чтобы все могли наслаждаться общим знанием.