[io PWA] keynote: Launching a Progressive Web App on Google.com

Mainly about

  1. Material design (effects / colors / flashy stuff)
  2. Components (web components / polymer)
  3. Offline / notifications (Service worker / iDB / Firebase)

Progressive web app:

  • HTTPS
  • Add to home screen
  • Splash screen
  • service worker
    •   notifications, bg sync
  • offline

Service worker:

  • send reminders
    •   sessiong starting / updated / rate
  • fully offline experience
    •   Offline analytices
  • Performance tool -- analytics

Noticification:

Debug service worker:

Polymer:

  • Page lifecycle:

Firebase:

unhandled promise rejections:

Web animation API:
Github

原文地址:https://www.cnblogs.com/Answer1215/p/5517061.html