Background js

Javascript
Однопоточен
● рисует UI
● запускает скрипты

Пока начальник не сказал
1 + 2 + 3 + … n

● window
● DOM
● document
● parent
Нет доступа

Client-Server
● client
● servers

Client-Worker
● master HTML
● workers

Service Workers
Запустит скрипт в бекграунде,
отдельно от страницы

Service Workers
● Запускаются в собственном контексте
● Не привязан к одной странице
● Нет доступа к DOM

● Может существовать вообще без страниц
● Запускается и дестроится когда надо
● Определенна модель обновления
● Только https
Но, Service Workers

● Ускорение
● Offline
● Push уведомления
● Background синхронизация
Для чего нужен

● Обновлеям файл
○ Браузер загружает SW, и если хотя бы 1 байт
изменен этот файл считается новым
● SW инсталируется
● Старый SW отрабатывает
● А после закрытия старый SW умирает
● После этого новый SW получает контроль
Обновление

● Итеративные запросы к GD
● Если GD не отвечает
○ Берем данные из кеша
○ Генерируем данные и возвращаем

Assets
Browser ActivateInstall
Network Cache

Чистим кэш
Browser ActivateInstall
DELETE Cache

Реагируем на
пользователей
Browser NetworkClick
Cache

Только кеш
Только сеть
Сначала кеш
Если нет сети,
то кеш
Кастомные
ответы
Whatever...

● LocalStorage
● IndexedDB
● Filesystem
● Caches
Откуда место?

Не специфицированная информация
А сколько его?

navigator.webkitTemporaryStorage.queryUsageAndQuota
navigator.webkitTemporaryStorage.requestQuota

Background sync
● Request sync
● Periodic sync

Background js

Related slideshows

More Related Content

Background js