Local Storage и Cookies в JavaScript
НАВИГАЦИЯ ПО СТРАНИЦЕ
легко понять и запомнить
Cookies :
Cookies — это небольшие текстовые файлы, которые сервер отправляет браузеру, и браузер сохраняет их на компьютере пользователя. Они могут быть использованы для хранения информации, такой как идентификация пользователя, предпочтения, корзина покупок и т.д.
Создание Cookie:
document.cookie = "username=John; expires=Wed, 21 Oct 2023 07:28:00 GMT; path=/";Чтение Cookie:
const cookieValue = document.cookie;Local Storage :
Local Storage — это объект, предоставляемый браузером, который позволяет вам хранить данные в виде пар ключ-значение на стороне клиента. Он обладает более простым и удобным интерфейсом, чем Cookies.
Сохранение в Local Storage:
localStorage.setItem('username', 'John');Чтение из Local Storage:
const username = localStorage.getItem('username');Разница между Cookies и Local Storage:
Хранилище: Cookies хранятся как текстовые файлы и могут быть отправлены на сервер с каждым запросом. Local Storage — это объект внутри браузера, и данные в нем остаются только на стороне клиента.
Размер данных: Cookies ограничены по размеру (обычно около 4 КБ на домен), в то время как Local Storage позволяет хранить гораздо больше данных (обычно около 5-10 МБ на домен).
Скорость доступа: Local Storage обычно быстрее при доступе к данным, так как они хранятся локально в браузере.
Срок годности: Вы можете установить срок годности для Cookies, после чего они истекают и удаляются. Local Storage хранит данные без срока годности.
Доступ к данным: Cookies доступны как для клиентской, так и для серверной стороны, в то время как Local Storage доступен только на клиентской стороне.
Выбор между Cookies и Local Storage зависит от конкретных требований вашего приложения. Если вам нужно хранить небольшие объемы данных, которые могут быть переданы на сервер, то Cookies могут быть полезными. Если вам нужно сохранять большие объемы данных локально на клиенте, Local Storage предоставляет более гибкий и производительный способ.
Полезные ссылки:
