Junior
24
0
questionbank

Какие способы хранения данных в браузере вам известны?

Answer from sobes.tech neural network
  • LocalStorage: Позволяет хранить данные без срока истечения. Доступно только для текущего домена (Origin). Объем до 5-10 МБ.
  • SessionStorage: Похоже на LocalStorage, но данные хранятся только до закрытия вкладки или окна браузера. Объем до 5-10 МБ.
  • IndexedDB: Высокопроизводительная NoSQL-база данных, встроенная в браузер. Подходит для хранения больших объемов структурированных данных. Работает асинхронно. Объем до нескольких сотен МБ или даже ГБ (зависит от браузера и свободного места).
  • Cookies: Небольшие кусочки данных, отправляемые сервером и хранящиеся в браузере. Используются в основном для аутентификации и отслеживания состояния сеанса. Автоматически отправляются с каждым запросом к серверу. Объем до 4 КБ на куки, не более 20-50 куки на домен.
  • Cache API: Часть Service Worker, используется для кеширования запросов и ответов, что позволяет работать офлайн и ускорять загрузку.

Сравнительная таблица:

СпособОбъем данныхСрок храненияДоступ с сервераТип данныхДоступ
LocalStorage5-10 МББессрочно (до очистки вручную)НетСтрокиТолько JS на клиенте
SessionStorage5-10 МБДо конца сессииНетСтрокиТолько JS на клиенте
Indexe
  • LocalStorage: Позволяет хранить данные без срока истечения. Доступно только для текущего домена (Origin). Объем до 5-10 МБ.
  • SessionStorage: Похоже на LocalStorage, но данные хранятся только до закрытия вкладки или окна браузера. Объем до 5-10 МБ.
  • IndexedDB: Высокопроизводительная NoSQL-база данных, встроенная в браузер. Подходит для хранения больших объемов структурированных данных. Работает асинхронно. Объем до нескольких сотен МБ или даже ГБ (зависит от браузера и свободного места).
  • Cookies: Небольшие кусочки данных, отправляемые сервером и хранящиеся в браузере. Используются в основном для аутентификации и отслеживания состояния сеанса. Автоматически отправляются с каждым запросом к серверу. Объем до 4 КБ на куки, не более 20-50 куки на домен.
  • Cache API: Часть Service Worker, используется для кеширования запросов и ответов, что позволяет работать офлайн и ускорять загрузку.

Сравнительная таблица:

СпособОбъем данныхСрок храненияДоступ с сервераТип данныхДоступ
LocalStorage5-10 МББессрочно (до очистки вручную)НетСтрокиТолько JS на клиенте
SessionStorage5-10 МБДо конца сессииНетСтрокиТолько JS на клиенте
Indexe

Register or sign in to get access to full answers for all questions from the question bank.

local-storagesession-storageindexeddbcookiesservice-workersweb-sqlcache-storage
Our Telegram Channel