Progressive_Web_App_Intro

时间:2024-03-25 00:56:09
【文件属性】:

文件名称:Progressive_Web_App_Intro

文件大小:63KB

文件格式:ZIP

更新时间:2024-03-25 00:56:09

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)

网友评论