如何快速搭建一个PWA应用并掌握其基本介绍？

本文共计2541个文字，预计阅读时间需要11分钟。

PWA初体验前言：本示例无需安装任何东西，部分资源来自网络资源及PWA官网，不希望PWA概念过于复杂，跟着示例走一走，你行的。PWA介绍一个全新的前端技术，全称Progressive Web App（渐进式Web应用）。

PWA初次体验

前言：本示例不用安装任何东西

部分资源来自网络资源及PWA官网，不要把PWA想象的太复杂，跟着示例走一下，你行的。

PWA介绍

一个新的前端技术，PWA（ 全称：Progressive Web App ）也就是说这是个渐进式的网页应用程序。

官网： developers.google.com/web/progressive-web-apps/

是 Google 在 2015 年提出，2016年6月才推广的项目。是结合了一系列现代Web技术的组合，在网页应用中实现和原生应用相近的用户体验。

官网上给出 PWA 的宣传是 ： Reliable （ 可靠的 ）、 Fast （ 快速的 ）、 Engaging （ 可参与的 ）

Reliable：当用户从手机主屏幕启动时，不用考虑网络的状态是如何，都可以立刻加载出 PWA。

Fast：这一点应该都很熟悉了吧，站在用户的角度来考虑，如果一个网页加载速度有点长的话，那么我们会放弃浏览该网站，所以 PWA 在这一点上做的很好，他的加载速度是很快的。