pwa实例程序

【实例简介】
Progressive Web App是一个利用现代浏览器的能力来达到类似APP的用户体验的技术，由Google开发，让浏览器打开的网址像APP一样运行在手机上。让Web App和Native App之间的差距更小。 概览特性： 添加到屏幕 从屏幕点击启动 加载屏 支持离线应用 支持Push Notification 这是一个实现天气预报的完整实例，欢迎下载。
【实例截图】
【核心代码】
your-first-pwapp-master
└── your-first-pwapp-master
├── CONTRIBUTING.md
├── final
│   ├── favicon.ico
│   ├── images
│   │   ├── clear.png
│   │   ├── cloudy.png
│   │   ├── cloudy-scattered-showers.png
│   │   ├── cloudy_s_sunny.png
│   │   ├── fog.png
│   │   ├── ic_add_white_24px.svg
│   │   ├── icons
│   │   │   ├── icon-128x128.png
│   │   │   ├── icon-144x144.png
│   │   │   ├── icon-152x152.png
│   │   │   ├── icon-192x192.png
│   │   │   ├── icon-256x256.png
│   │   │   └── icon-32x32.png
│   │   ├── ic_refresh_white_24px.svg
│   │   ├── partly-cloudy.png
│   │   ├── rain.png
│   │   ├── scattered-showers.png
│   │   ├── sleet.png
│   │   ├── snow.png
│   │   ├── thunderstorm.png
│   │   └── wind.png
│   ├── index.html
│   ├── manifest.json
│   ├── scripts
│   │   └── app.js
│   ├── service-worker.js
│   └── styles
│   └── inline.css
├── LICENSE
├── README.md
├── resources
│   └── push-supplement
│   ├── ic_more_vert_white_24px.svg
│   ├── libs.min.js
│   ├── push.css
│   └── push.html
├── step-02
│   ├── favicon.ico
│   ├── images
│   │   ├── clear.png
│   │   ├── cloudy.png
│   │   ├── cloudy-scattered-showers.png
│   │   ├── cloudy_s_sunny.png
│   │   ├── fog.png
│   │   ├── ic_add_white_24px.svg
│   │   ├── icons
│   │   │   ├── icon-128x128.png
│   │   │   ├── icon-144x144.png
│   │   │   ├── icon-152x152.png
│   │   │   ├── icon-192x192.png
│   │   │   ├── icon-256x256.png
│   │   │   └── icon-32x32.png
│   │   ├── ic_refresh_white_24px.svg
│   │   ├── partly-cloudy.png
│   │   ├── rain.png
│   │   ├── scattered-showers.png
│   │   ├── sleet.png
│   │   ├── snow.png
│   │   ├── thunderstorm.png
│   │   └── wind.png
│   ├── index.html
│   └── styles
│   └── inline.css
├── step-04
│   ├── favicon.ico
│   ├── images
│   │   ├── clear.png
│   │   ├── cloudy.png
│   │   ├── cloudy-scattered-showers.png
│   │   ├── cloudy_s_sunny.png
│   │   ├── fog.png
│   │   ├── ic_add_white_24px.svg
│   │   ├── icons
│   │   │   ├── icon-128x128.png
│   │   │   ├── icon-144x144.png
│   │   │   ├── icon-152x152.png
│   │   │   ├── icon-192x192.png
│   │   │   ├── icon-256x256.png
│   │   │   └── icon-32x32.png
│   │   ├── ic_refresh_white_24px.svg
│   │   ├── partly-cloudy.png
│   │   ├── rain.png
│   │   ├── scattered-showers.png
│   │   ├── sleet.png
│   │   ├── snow.png
│   │   ├── thunderstorm.png
│   │   └── wind.png
│   ├── index.html
│   ├── scripts
│   │   └── app.js
│   └── styles
│   └── inline.css
├── step-05
│   ├── favicon.ico
│   ├── images
│   │   ├── clear.png
│   │   ├── cloudy.png
│   │   ├── cloudy-scattered-showers.png
│   │   ├── cloudy_s_sunny.png
│   │   ├── fog.png
│   │   ├── ic_add_white_24px.svg
│   │   ├── icons
│   │   │   ├── icon-128x128.png
│   │   │   ├── icon-144x144.png
│   │   │   ├── icon-152x152.png
│   │   │   ├── icon-192x192.png
│   │   │   ├── icon-256x256.png
│   │   │   └── icon-32x32.png
│   │   ├── ic_refresh_white_24px.svg
│   │   ├── partly-cloudy.png
│   │   ├── rain.png
│   │   ├── scattered-showers.png
│   │   ├── sleet.png
│   │   ├── snow.png
│   │   ├── thunderstorm.png
│   │   └── wind.png
│   ├── index.html
│   ├── scripts
│   │   └── app.js
│   └── styles
│   └── inline.css
├── step-06
│   ├── favicon.ico
│   ├── images
│   │   ├── clear.png
│   │   ├── cloudy.png
│   │   ├── cloudy-scattered-showers.png
│   │   ├── cloudy_s_sunny.png
│   │   ├── fog.png
│   │   ├── ic_add_white_24px.svg
│   │   ├── icons
│   │   │   ├── icon-128x128.png
│   │   │   ├── icon-144x144.png
│   │   │   ├── icon-152x152.png
│   │   │   ├── icon-192x192.png
│   │   │   ├── icon-256x256.png
│   │   │   └── icon-32x32.png
│   │   ├── ic_refresh_white_24px.svg
│   │   ├── partly-cloudy.png
│   │   ├── rain.png
│   │   ├── scattered-showers.png
│   │   ├── sleet.png
│   │   ├── snow.png
│   │   ├── thunderstorm.png
│   │   └── wind.png
│   ├── index.html
│   ├── scripts
│   │   └── app.js
│   ├── service-worker.js
│   └── styles
│   └── inline.css
├── step-07
│   ├── favicon.ico
│   ├── images
│   │   ├── clear.png
│   │   ├── cloudy.png
│   │   ├── cloudy-scattered-showers.png
│   │   ├── cloudy_s_sunny.png
│   │   ├── fog.png
│   │   ├── ic_add_white_24px.svg
│   │   ├── icons
│   │   │   ├── icon-128x128.png
│   │   │   ├── icon-144x144.png
│   │   │   ├── icon-152x152.png
│   │   │   ├── icon-192x192.png
│   │   │   ├── icon-256x256.png
│   │   │   └── icon-32x32.png
│   │   ├── ic_refresh_white_24px.svg
│   │   ├── partly-cloudy.png
│   │   ├── rain.png
│   │   ├── scattered-showers.png
│   │   ├── sleet.png
│   │   ├── snow.png
│   │   ├── thunderstorm.png
│   │   └── wind.png
│   ├── index.html
│   ├── scripts
│   │   └── app.js
│   ├── service-worker.js
│   └── styles
│   └── inline.css
├── step-08
│   ├── favicon.ico
│   ├── images
│   │   ├── clear.png
│   │   ├── cloudy.png
│   │   ├── cloudy-scattered-showers.png
│   │   ├── cloudy_s_sunny.png
│   │   ├── fog.png
│   │   ├── ic_add_white_24px.svg
│   │   ├── icons
│   │   │   ├── icon-128x128.png
│   │   │   ├── icon-144x144.png
│   │   │   ├── icon-152x152.png
│   │   │   ├── icon-192x192.png
│   │   │   ├── icon-256x256.png
│   │   │   └── icon-32x32.png
│   │   ├── ic_refresh_white_24px.svg
│   │   ├── partly-cloudy.png
│   │   ├── rain.png
│   │   ├── scattered-showers.png
│   │   ├── sleet.png
│   │   ├── snow.png
│   │   ├── thunderstorm.png
│   │   └── wind.png
│   ├── index.html
│   ├── manifest.json
│   ├── scripts
│   │   └── app.js
│   ├── service-worker.js
│   └── styles
│   └── inline.css
└── work
├── favicon.ico
├── images
│   ├── clear.png
│   ├── cloudy.png
│   ├── cloudy-scattered-showers.png
│   ├── cloudy_s_sunny.png
│   ├── fog.png
│   ├── ic_add_white_24px.svg
│   ├── icons
│   │   ├── icon-128x128.png
│   │   ├── icon-144x144.png
│   │   ├── icon-152x152.png
│   │   ├── icon-192x192.png
│   │   ├── icon-256x256.png
│   │   └── icon-32x32.png
│   ├── ic_refresh_white_24px.svg
│   ├── partly-cloudy.png
│   ├── rain.png
│   ├── scattered-showers.png
│   ├── sleet.png
│   ├── snow.png
│   ├── thunderstorm.png
│   └── wind.png
├── index.html
├── scripts
│   └── app.js
└── styles
└── inline.css

42 directories, 204 files