当前位置：首页 > news >正文

PWA（Progressive web APPs，渐进式 Web 应用）: manifest.json、 Service Worker

news 2026/3/27 18:59:23

文章目录

引言
I 什么是 PWA
- 功能
- 特性
- 技术上分为三个部分
- 安装应用
II Web 应用清单
- 将Web 应用清单文件链接到站点
- manifest.json
- 字段说明
III Service Worker( 缓存管理)
IV 结合构建工具让项目支持 PWA应用
- 使用插件vite-plugin-pwa
- workbox-webpack-plugin插件
扩展知识
- 将 PWA 作为脱机应用
- 定义当前文档与被链接文档之间的关系

引言

PWA 是 Google 于 2016 年提出的概念，于 2017 年正式落地，于 2018 年迎来重大突破，全球顶级的浏览器厂商，Google、Microsoft、Apple 已经全数宣布支持 PWA 技术。

PWA 目的是通过各种 Web 技术实现与原生 App 相近的用户体验

I 什么是 PWA

功能

离线加载与缓存(Service Worker + Cache API )

可以通过 Service Worker + HTTPS +Cache Api + indexedDB 等一系列 Web 技术实现离线加载和缓存。

Service Worker是一种在后台运行的JavaScript脚本，可以拦截网络请求并将资源缓存到本地。这样，即使用户处于离线状态，他们仍然可以访问缓存的内容。

PWA（Progressive web APPs，渐进式 Web 应用）: manifest.json、 Service Worker

文章目录引言I 什么是 PWA功能特性技术上分为三个部分安装应用II Web 应用清单将Web 应用清单文件链接到站点manifest.json字段说明III Service Worker( 缓存管理)IV 结合构建工具让项目支持 PWA应用使用插件vite-plugin-pwaworkbox-webpack-plugin插件扩展知识将 PWA 作为脱机…...

编程日记 2024/10/2 12:46:36

【学习笔记】手写 Tomcat 八

目录一、NIO 1. 创建 Tomcat NIO 类 2. 启动 Tomcat 3. 测试二、解析请求信息三、响应数据创建响应类修改调用的响应类四、完整代码五、测试六、总结七、获取全部用户的功能 POJO 生成 POJO 1. 在 Dao 层定义接口 2. 获取用户数据 3. 在 Service 层定…...

编程日记 2024/10/2 12:43:34

24年九月份生活随笔

九月份最后一天，烈士纪念日。上午看了一会儿直播，庄重的仪式，铭记先辈为新中国抛头颅洒热血，当今盛世，如您所愿。郑州马拉松官方通告，今天十点公布直通，中签，候补结果。看完直…...

编程日记 2024/10/2 12:41:32

[含文档+PPT+源码等]精品大数据项目-基于Django实现的高校图书馆智能推送系统的设计与实现

大数据项目——基于Django实现的高校图书馆智能推送系统的设计与实现背景，可以从以下几个方面进行详细阐述： 一、信息技术的发展背景随着信息技术的飞速发展和互联网的广泛普及，大数据已经成为现代社会的重要资源。在大数据背景下&#xf…...

编程日记 2024/10/2 12:40:31

Leecode刷题之路第七天之整数反转

题目出处 07-整数反转题目描述个人解法思路： 1.将整数转换为字符串 2.倒序输出字符串 3.兼容负数case 代码示例：（Java） public int reverse(int x) {Integer integer new Integer(x);String s integer.toString();Strin…...

编程日记 2024/10/2 12:37:29

SpringBoot项目 | 瑞吉外卖 | 短信发送验证码功能改为免费的邮箱发送验证码功能 | 代码实现

0.前情提要之前的po已经说了单独的邮箱验证码发送功能怎么实现： https://blog.csdn.net/qq_61551948/article/details/142641495 这篇说下如何把该功能整合到瑞吉项目里面，也就是把原先项目里的短信发送验证码的功能改掉，改为邮箱发送验证…...

编程日记 2024/10/2 12:34:25

Windows暂停更新

目录前言注册表设定参考前言不想Windows自动更新，同时不想造成Windows商店不可用，可以采用暂停更新的方案。但是通过这里设定的时间太短了，所以我们去注册表设定。注册表设定 win r 输入 regedit进入注册表 HKEY_LOCAL_MACHINE\SOFT…...

编程日记 2024/10/2 12:33:23

alpine安装docker踩坑记

文章目录前言错误场景正确操作最后前言你好，我是醉墨居士，最近使用alpine操作系统上docker遇到了一些错误，尝试解决之后就准备输出一篇博客，帮助有需要的后人能够少踩坑，因为淋过雨所以想给别人撑伞错误场景我…...

编程日记 2024/10/2 12:32:22

使用openpyxl轻松操控Excel文件

目录 1. openpyxl 简介2. 安装与快速入门2.1 安装 openpyxl2.2 快速创建一个 Excel 文件2.3 读取 Excel 文件 3. openpyxl 的核心概念3.1 工作簿（Workbook）3.2 工作表（Worksheet）3.3 单元格（Cell）3.4 行与列…...

编程日记 2024/10/2 12:31:21

指定PDF或图片多个识别区域，识别区域文字，并批量对PDF或图片文件改名

常见场景用户有大量图片/PDF文件，期望能按照图片/PDF中的某些文字对图片/PDF文件重命名。期望工具可以批量处理、离线识别（保证数据安全性）。手工操作麻烦。具体场景：用户有工程现场照片，订单，简历等PDF或…...

编程日记 2024/10/2 12:30:21

Web3中的跨链技术：实现无缝连接的挑战

Web3的到来为互联网带来了去中心化的愿景，而跨链技术则是实现这一愿景的关键。跨链技术旨在解决不同区块链之间的互操作性问题，使得用户和应用能够在多个区块链网络之间无缝地传输数据和价值。尽管这一技术具有广阔的前景，但在实现过程中仍面…...

编程日记 2024/10/2 12:29:20

词袋（Bag of Words, BoW）

词袋（Bag of Words, BoW）模型详解词袋（BoW）是一种用于文本处理的特征提取方法，常用于自然语言处理（NLP）任务中。在BoW模型中，文本被表示为一个词的无序集合，而忽略了词…...

编程日记 2024/10/2 12:27:18

HTTP Status 404 - /brand-demo/selectAllServlet错误解决原因-Servlet/JavaWeb/IDEA

检查xml文件的包名有无错误检查html文件的url有无写错，是否与Servlet的urlPatterns一致检查Servlet的urlpattern有没有写错(如写成name),检查doPost、doGet是否正常运行注：IDEA新建Servlet时，默认的WebServlet注解中name需要改urlPatterns&…...

编程日记 2024/10/2 12:26:17

漏洞描述宁夏众智科技OA办公系统存在SQL注入漏洞漏洞复现 POC POST /Account/Login?ACTIndex&CLRHome HTTP/1.1 Host: Content-Length: 45 Cache-Control: max-age0 Origin: http://39.105.48.206 Content-Type: application/x-www-form-urlencoded Upgrade-Insecur…...

编程日记 2024/10/2 12:24:15

Spring邮件发送：配置与发送邮件详细步骤？

Spring邮件发送教程指南？怎么用Spring邮件发送服务？ Spring框架提供了强大的邮件发送支持，使得开发者能够轻松地在应用程序中集成邮件发送功能。AokSend将详细介绍如何在Spring应用中配置和发送邮件，帮助开发者快速掌握这一关键技…...

编程日记 2024/10/2 12:21:11

iPhone/iPad技巧：如何解锁锁定的 iPhone 或 iPad

“在我更新 iPhone 上的软件后，最近我遇到了iPhone 被锁定到所有者的消息，该如何解决？” 根据我们的研究，许多用户在 iOS 18 更新或恢复出厂设置后都会遇到同样的问题。只要出现问题，您就无法使用 iPhone 或第 1 部分…...

编程日记 2024/10/2 12:20:10

无源码实现免登录功能

因项目要求需要对一个没有源代码的老旧系统实现免登录功能，系统采用前后端分离的方式部署，登录时前端调用后台的认证接口，认证接口返回token信息，然后将token以json的方式存储到cookie中，格式如下： 这里有…...

编程日记 2024/10/2 12:19:09

大数据毕业设计选题推荐-民族服饰数据分析系统-Python数据可视化-Hive-Hadoop-Spark

✨作者主页：IT研究室✨ 个人简介：曾从事计算机专业培训教学，擅长Java、Python、微信小程序、Golang、安卓Android等项目实战。接项目定制开发、代码讲解、答辩教学、文档编写、降重等。 ☑文末获取源码☑ 精彩专栏推荐⬇⬇⬇ Java项目 Python…...

编程日记 2024/10/2 12:16:05

疾风大模型气象,基于气象数据打造可视化平台

引言随着气象数据的广泛应用，越来越多的行业依赖天气预报与气候分析来做出决策。从农业、航空、能源到物流，气象信息无时不刻影响着各行各业的运作。然而，气象数据本身复杂且多样，如何将这些数据转化为直观、易于理解的图形和信…...

编程日记 2024/10/2 12:11:01

PHP安装后Apache无法运行的问题

问题按照网上教程php安装点击跳转教程，然后修改Apache的httpd.conf文件，本来可以运行的Apache，无法运行了然后在"C:\httpd-2.4.62-240904-win64-VS17\Apache24\logs\error.log"（就是我下载Apache的目录下的logs中&am…...

编程日记 2024/10/2 12:10:00

计算机毕业设计springboot众筹系统基于SpringBoot的校园项目众筹融资平台设计与实现高校创新创业众筹服务与资金管理系统构建研究

计算机毕业设计springboot众筹系统（配套有源码程序 mysql数据库论文） 本套源码可以在文本联xi,先看具体系统功能演示视频领取，可分享源码参考。随着我国经济的高速发展与人们生活水平的日益提高，人们对生活质量的追求也多种多样…...

编程新知 2026/3/27 18:08:09

Llama-3.2V-11B-cot企业级应用：双卡4090支撑的生产环境视觉推理服务搭建

Llama-3.2V-11B-cot企业级应用：双卡4090支撑的生产环境视觉推理服务搭建 1. 项目概述 Llama-3.2V-11B-cot是基于Meta最新多模态大模型开发的高性能视觉推理工具，专为企业级生产环境设计。该工具针对双卡NVIDIA RTX 4090环境进行了深度优化，…...

编程新知 2026/3/27 18:04:06

洛谷 P1507：NASA的食物计划 ← 二维费用0/1背包问题

【题目来源】 https://www.luogu.com.cn/problem/P1507 【题目背景】 NASA（美国航空航天局）因为航天飞机的隔热瓦等其他安全技术问题一直大伤脑筋，因此在各方压力下终止了航天飞机的历史，但是此类事情会不会在以后发生&#xff0…...

编程新知 2026/3/27 17:11:49

最完整的大模型算法工程师技术栈图谱（2026版）

目录一、基础能力（所有AI工程师的底座） 1 编程语言 2 数据结构与算法 3 数学基础二、深度学习基础深度学习模型基础三、大模型核心技术 1 Transformer架构 2 预训练 3 Tokenizer 四、大模型训练体系 1 分布式训练 2 训练优化技术 3 微…...

编程新知 2026/3/27 15:57:16

ABC系统实战指南：革新数字电路设计的逻辑综合与形式验证技术突破

ABC系统实战指南：革新数字电路设计的逻辑综合与形式验证技术突破【免费下载链接】abc ABC: System for Sequential Logic Synthesis and Formal Verification 项目地址: https://gitcode.com/gh_mirrors/ab/abc 在现代集成电路设计流程中，工程师…...

编程新知 2026/3/27 14:20:23

深度解析DiffSinger：基于扩散模型的AI歌声合成技术革命

深度解析DiffSinger：基于扩散模型的AI歌声合成技术革命【免费下载链接】DiffSinger 项目地址: https://gitcode.com/gh_mirrors/dif/DiffSinger 在当今AI音乐创作领域，DiffSinger歌声合成技术正引领着一场声音生成的技术革命。这个由OpenVPI维护…...

编程新知 2026/3/27 13:43:13

VRCT：打破虚拟社交语言壁垒的创新解决方案

VRCT：打破虚拟社交语言壁垒的创新解决方案【免费下载链接】VRCT VRCT(VRChat Chatbox Translator & Transcription) 项目地址: https://gitcode.com/gh_mirrors/vr/VRCT 在全球化的虚拟社交平台中，语言差异往往成为跨文化交流的最大障碍。当…...

编程新知 2026/3/27 13:23:06