【文件属性】：
文件名称：Progressive_Web_App_Intro
文件大小：63KB
文件格式：ZIP
更新时间：2021-03-05 07:09:29
JavaScript
PWA介绍
我们将构建一个Webapp，以跟踪与办公室工作相关的一些任务。
基本应用设置
创建基本应用程序时从一开始就无需考虑pwa，因为已经有许多Web应用程序正在运行，需要将其转换为pwa。
基本应用程序使用bootstrap和alphine.js
Alphine在构建前端组件方面类似于现代前端框架，除了代码是在dom本身而不是在单独的文件中编写的。
使用fetch API从data.json文件中fetch数据。
PWA的基本需求
在HTTPS中提供文件（最好使用localhost）。
manifest.json文件包含有关应用程序的信息。
serviceworker.js创建一个服务人员，该服务人员将用于缓存文件，推送通知等。
在任何基于Chrome的浏览器中使用Lighthouse创建报告，以检查网站的性能和pwa方面。
在报告中，我们可以注意到pwa的要求。
服务
【文件预览】：
Progressive_Web_App_Intro-master
----package.json(301B)
----package-lock.json(59KB)
----public()
--------service_worker.js(2KB)
--------assets()
--------data.json(548B)
--------index.html(1KB)
--------manifest.json(209B)
----bs-config.json(74B)
----readme.md(1KB)