20.4 Автономное обслуживание состояния

Этот пример демонстрирует автономное обслуживание локального состояния приложения. Пользователь создаёт данные, после чего браузерная среда может выполнять их очистку вне интерфейса страницы. Ход и результат этой работы становятся наблюдаемыми при явном обращении к состоянию через интерфейс и инструменты разработчика.

Всего записей: 0

Первые 5 записей (record)



            

Последние 5 операций (log)


        

Наблюдение

  1. Нажмите кнопку «Добавить 5 записей» один раз и убедитесь, что записи появились в списке.
  2. Откройте инструменты разработчика браузера и перейдите в раздел Application → Service Workers.
  3. В блоке «Периодическая синхронизация» вручную запустите событие периодической синхронизации.
  4. Нажмите кнопку «Обновить данные» и обратите внимание на уменьшение количества записей.
  5. Повторите запуск периодической синхронизации и обновление данных несколько раз, наблюдая изменения и появление записей в журнале.

Наблюдаемый эффект

Данные в IndexedDB изменяются без участия интерфейса. Чистка выполняется эпизодически и нерегулярно, а её результат становится заметен только при следующем доступе к состоянию.