Background js
0 likes771 views
Документ обсуждает использование web workers и service workers в JavaScript для выполнения фоновых задач. Он описывает преимущества, такие как параллельное выполнение, возможность работы без привязки к страницам и функциональность, включая оффлайн-режим и push-уведомления. Также затрагиваются аспекты кэширования и обновления service workers.
Background js
- 1. Underground
- 3. Javascript Однопоточен ● рисует UI ● запускает скрипты
- 4. Все хорошо
- 5. Пока начальник не сказал 1 + 2 + 3 + … n
- 9. Подождите!
- 10. ● window ● DOM ● document ● parent Нет доступа
- 11. ● web page ● web worker
- 12. Parallel.JS
- 14. Client-Worker ● master HTML ● workers
- 15. Use cases
- 17. @lvivjs 2014
- 18. Service Workers
- 19. Service Workers Запустит скрипт в бекграунде, отдельно от страницы
- 20. Service Workers ● Запускаются в собственном контексте ● Не привязан к одной странице ● Нет доступа к DOM
- 21. ● Может существовать вообще без страниц ● Запускается и дестроится когда надо ● Определенна модель обновления ● Только https Но, Service Workers
- 22. ● Ускорение ● Offline ● Push уведомления ● Background синхронизация Для чего нужен
- 23. Начнем
- 25. ● Обновлеям файл ○ Браузер загружает SW, и если хотя бы 1 байт изменен этот файл считается новым ● SW инсталируется ● Старый SW отрабатывает ● А после закрытия старый SW умирает ● После этого новый SW получает контроль Обновление
- 26. Практика
- 28. ● Итеративные запросы к GD ● Если GD не отвечает ○ Берем данные из кеша ○ Генерируем данные и возвращаем
- 29. Сеть
- 32. Новая сеть
- 33. Подходы
- 40. DRAFT!!!
- 41. Только кеш Только сеть Сначала кеш Если нет сети, то кеш Кастомные ответы Whatever...
- 42. ● LocalStorage ● IndexedDB ● Filesystem ● Caches Откуда место?
- 43. Не специфицированная информация А сколько его?
- 44. navigator.webkitTemporaryStorage.queryUsageAndQuota navigator.webkitTemporaryStorage.requestQuota
- 45. Push нотификации
- 46. Background sync ● Request sync ● Periodic sync
- 47. Links
- 48. Вот и все