Встречается на собеседованиях • сегодня

Как реализована поддержка Offline режима в текущем проекте

В нашем проекте offline-режим реализован через Service Worker и кэширование критически важных ресурсов. Используем Workbox для удобного управления кэшем:

javascript
// service-worker.js
import {precacheAndRoute} from 'workbox-precaching';

precacheAndRoute(self.__WB_MANIFEST);

self.addEventListener('fetch', (event) => {
event.respondWith(
caches.match(event.request)
.then((response) => response || fetch(event.request))
);
});

text

Дополнительно:
1. Храним ключевые данные в IndexedDB через библиотеку idb
2. Реализовали стратегию "Stale-While-Revalidate" для API-запросов
3. Добавили fallback-страницу для оффлайн-доступа
4. Используем Network Information API для адаптации интерфейса

При потере соединения показываем уведомление и переключаемся на локальные данные. После восстановления соединения синхронизируем изменения с сервером.
Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы