# FirstPWA

**Repository Path**: yanfeng12/FirstPWA

## Basic Information

- **Project Name**: FirstPWA
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-03-22
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# FirstPWA
## 什么是 Progressive Web App？
* 渐进式 - 适用于选用任何浏览器的所有用户，因为它是以渐进式增强作为核心宗旨来开发的。
* 自适应 - 适合任何机型：桌面设备、移动设备、平板电脑或任何未来设备。
* 连接无关性 - 能够借助于服务工作线程在离线或低质量网络状况下工作。
* 类似应用 - 由于是在 App Shell 模型基础上开发，因此具有应用风格的交互和导航，给用户以应用般的熟悉感。
* 持续更新 - 在服务工作线程更新进程的作用下时刻保持最新状态。
* 安全 - 通过 HTTPS 提供，以防止窥探和确保内容不被篡改。
* 可发现 - W3C 清单和服务工作线程注册作用域能够让搜索引擎找到它们，从而将其识别为“应用”。
* 可再互动 - 通过推送通知之类的功能简化了再互动。
* 可安装 - 用户可免去使用应用商店的麻烦，直接将对其最有用的应用“保留”在主屏幕上。
* 可链接 - 可通过网址轻松分享，无需复杂的安装。

1. 使用 Web Server for Chrome作为本例的服务器。
2. 使用 App Shell构建。
App Shell 是驱动 Progressive Web App 用户界面所需的最小的 HTML、CSS 和 JavaScript，是确保获得可靠而又出色性能的组件之一。它的第一次加载速度非常快，并且能够立即缓存。“缓存”意味着 Shell 文件一旦通过网络完成加载，就会保存到本地设备中。以后每当用户打开应用时，就会自动从本地设备的缓存中打开 Shell 文件，这样应用就能超快启动。
App Shell 架构将核心应用基础架构和 UI 与数据分离。所有 UI 和基础架构都利用服务工作线程缓存在本地，这样在后续加载时，Progressive Web App 只需检索必要的数据，而不必加载所有内容。
3. 利用服务工作线程预缓存 App Shell
4. 使用服务工作线程缓存预报数据
5. 支持本机集成