Чем куки отличаются от localStorage? Каков максимальный размер куки и localStorage? Чем отличается время жизни?

Отличия между cookie и localStorage:

• Хранение и доступ:

  • Cookie — данные, которые браузер отправляет на сервер с каждым HTTP-запросом к соответствующему домену.
  • localStorage — данные хранятся только на стороне клиента и не отправляются на сервер автоматически.

• Размер:

  • Cookie обычно ограничены примерно 4KB на каждый cookie.
  • localStorage обычно позволяет хранить около 5-10MB данных на домен (зависит от браузера).

• Время жизни:

  • Cookie могут иметь заданный срок жизни (через атрибут Expires или Max-Age). Если срок не задан, cookie считается сессийным и удаляется при закрытии браузера.
  • localStorage хранит данные бессрочно, пока их явно не удалить через скрипт или настройки браузера.

• Безопасность:

  • Cookie могут быть помечены как HttpOnly, что запрещает доступ к ним через JavaScript.
  • localStorage доступен только через JavaScript.

Пример установки cookie и записи в localStorage:

// Установка cookie на 7 дней
document.cookie = "username=John; max-age=" + 7*24*60*60 + "; path=/";

// Запись в localStorage
localStorage.setItem('username', 'John');

Таким образом, cookie подходят для передачи данных на сервер и управления сессиями, а localStorage — для хранения больших объемов данных на клиенте с длительным сроком хранения.