Специализация
Python Backend Developer
Java Backend Developer
Node.js Backend Developer
Golang Backend Developer
React Frontend Developer
Выберите навыки
React
JavaScript
Git
Redux
Webpack
Сложность
1-3
4-6
7-8
9-10
Рейтинг вопросов
1
2
3
4
5
Подпишись на React Developer в телеграм
Отличия куки от session storage?
Куки:
Малый размер (~4 КБ на домен).
Автоматически отправляются на сервер с каждым HTTP-запросом.
Могут быть постоянными (срок истекает вручную) или сессионными (до закрытия браузера).
Используются для авторизации, трекинга.
Session Storage:
Больший размер (~5 МБ на домен).
Данные доступны только в текущей вкладке и удаляются после её закрытия.
Не отправляются на сервер автоматически.
Используются для временных данных (например, сохранение формы).
Как защитить данные в LocalStorage от стороннего JS?
Полностью защитить LocalStorage от чтения/изменения сторонним JS нельзя, так как он доступен в том же контексте. Можно уменьшить риски: хранить только нечувствительные данные, использовать шифрование или HttpOnly-куки для критичной информации.
Какие хранилища подходят для больших данных (LocalStorage, IndexedDB)?
Для больших объемов данных лучше использовать IndexedDB, так как оно поддерживает асинхронную работу и хранение структурированных объектов. LocalStorage подходит для небольших объемов (до ~5 МБ) и синхронных операций.
Как на фронтенде реализуется авторизация? (Хранение access/refresh токенов в Cookies / LocalStorage, отправка токена в запросах, обновление токена)
Access token хранится в памяти или LocalStorage для доступа к API. Refresh token хранится в HttpOnly cookie для безопасного обновления. Токен автоматически добавляется в заголовки запросов и обновляется при истечении.
Где хранить кэшированные данные? (LocalStorage, IndexedDB). Что делать, если IndexedDB не поддерживается?
Для кэширования данных используйте LocalStorage для небольших текстовых данных (до 5MB), IndexedDB для больших объемов и сложных структур. Если IndexedDB не поддерживается, можно использовать LocalStorage как fallback, либо реализовать полифилл для IndexedDB. Для совсем старых браузеров можно использовать cookies или серверное хранение.
Чем localStorage отличается от sessionStorage?
Чем отличаются cookie и sessionStorage?
В каких случаях используется sessionStorage?
Чем отличаются LocalStorage, IndexedDB, cookies и sessionStorage?
Что такое LocalStorage?
Рейтинг:
5
Сложность:
4
localStorage и sessionStorage — это синхронные хранилища данных в браузере. Главное отличие — время жизни данных. localStorage сохраняет данные между перезагрузками и закрытием браузера. sessionStorage очищается при закрытии вкладки. Оба хранилища доступны только в рамках одного origin.
Рейтинг:
5
Сложность:
5
cookie и sessionStorage используются для хранения данных в браузере.
Cookie автоматически отправляются на сервер с каждым HTTP-запросом.sessionStorage доступен только на клиенте и живет в рамках одной вкладки.
Они отличаются по объему, времени жизни и области применения.
Рейтинг:
4
Сложность:
4
sessionStorage используется для хранения данных в рамках одной вкладки браузера.
Данные сохраняются при обновлении страницы, но удаляются при закрытии вкладки.
Он подходит для временного UI-состояния.
Часто применяется там, где данные не должны сохраняться надолго.
Рейтинг:
5
Сложность:
5
LocalStorage хранит данные бессрочно, sessionStorage — до закрытия вкладки. Cookies автоматически отправляются на сервер и используются для авторизации. IndexedDB — это база данных в браузере для хранения больших объемов данных и сложных структур.
Рейтинг:
5
Сложность:
3
LocalStorage — это встроенное хранилище браузера для сохранения данных в формате ключ-значение. Данные сохраняются между перезагрузками и закрытием браузера. Значения хранятся только как строки. Обычно используется для настроек, токенов и небольших кэшей.
Рейтинг:
4
Сложность:
5
Рейтинг:
4
Сложность:
7
Рейтинг:
2
Сложность:
8
Рейтинг:
3
Сложность:
8
Рейтинг:
3
Сложность:
7
