Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Background js

634 views

Published on

Service workers

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Background js

  1. 1. Underground
  2. 2. Underground Background!
  3. 3. Javascript Однопоточен ● рисует UI ● запускает скрипты
  4. 4. Все хорошо
  5. 5. Пока начальник не сказал 1 + 2 + 3 + … n
  6. 6. Это же просто
  7. 7. Конечно просто
  8. 8. WEB WORKERS for the WIN
  9. 9. Подождите!
  10. 10. ● window ● DOM ● document ● parent Нет доступа
  11. 11. ● web page ● web worker
  12. 12. Parallel.JS
  13. 13. Client-Server ● client ● servers
  14. 14. Client-Worker ● master HTML ● workers
  15. 15. Use cases
  16. 16. @lvivjs 2014
  17. 17. Service Workers
  18. 18. Service Workers Запустит скрипт в бекграунде, отдельно от страницы
  19. 19. Service Workers ● Запускаются в собственном контексте ● Не привязан к одной странице ● Нет доступа к DOM
  20. 20. ● Может существовать вообще без страниц ● Запускается и дестроится когда надо ● Определенна модель обновления ● Только https Но, Service Workers
  21. 21. ● Ускорение ● Offline ● Push уведомления ● Background синхронизация Для чего нужен
  22. 22. Начнем
  23. 23. No service workers
  24. 24. ● Обновлеям файл ○ Браузер загружает SW, и если хотя бы 1 байт изменен этот файл считается новым ● SW инсталируется ● Старый SW отрабатывает ● А после закрытия старый SW умирает ● После этого новый SW получает контроль Обновление
  25. 25. Практика
  26. 26. ● Итеративные запросы к GD ● Если GD не отвечает ○ Берем данные из кеша ○ Генерируем данные и возвращаем
  27. 27. Сеть
  28. 28. Новая сеть
  29. 29. Подходы
  30. 30. Assets Browser ActivateInstall Network Cache
  31. 31. Чистим кэш Browser ActivateInstall DELETE Cache
  32. 32. Реагируем на пользователей Browser NetworkClick Cache
  33. 33. DRAFT!!!
  34. 34. Только кеш Только сеть Сначала кеш Если нет сети, то кеш Кастомные ответы Whatever...
  35. 35. ● LocalStorage ● IndexedDB ● Filesystem ● Caches Откуда место?
  36. 36. Не специфицированная информация А сколько его?
  37. 37. navigator.webkitTemporaryStorage.queryUsageAndQuota navigator.webkitTemporaryStorage.requestQuota
  38. 38. Push нотификации
  39. 39. Background sync ● Request sync ● Periodic sync
  40. 40. Links
  41. 41. Вот и все

×