PWA（Progressive web APPs，渐进式 Web 应用）: manifest.json、 Service Worker
文章目录
- 引言
- 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 作为脱机…...
【学习笔记】手写 Tomcat 八
目录 一、NIO 1. 创建 Tomcat NIO 类 2. 启动 Tomcat 3. 测试 二、解析请求信息 三、响应数据 创建响应类 修改调用的响应类 四、完整代码 五、测试 六、总结 七、获取全部用户的功能 POJO 生成 POJO 1. 在 Dao 层定义接口 2. 获取用户数据 3. 在 Service 层定…...
24年九月份生活随笔
九月份最后一天，烈士纪念日。 上午看了一会儿直播，庄重的仪式，铭记先辈为新中国抛头颅洒热血，当今盛世，如您所愿。 郑州马拉松官方通告，今天十点公布直通，中签，候补结果。 看完直…...
[含文档+PPT+源码等]精品大数据项目-基于Django实现的高校图书馆智能推送系统的设计与实现
大数据项目——基于Django实现的高校图书馆智能推送系统的设计与实现背景，可以从以下几个方面进行详细阐述： 一、信息技术的发展背景 随着信息技术的飞速发展和互联网的广泛普及，大数据已经成为现代社会的重要资源。在大数据背景下…...
Leecode刷题之路第七天之整数反转
题目出处 07-整数反转 题目描述 个人解法 思路： 1.将整数转换为字符串 2.倒序输出字符串 3.兼容负数case 代码示例：（Java） public int reverse(int x) {Integer integer new Integer(x);String s integer.toString();Strin…...
SpringBoot项目 | 瑞吉外卖 | 短信发送验证码功能改为免费的邮箱发送验证码功能 | 代码实现
0.前情提要 之前的po已经说了单独的邮箱验证码发送功能怎么实现： https://blog.csdn.net/qq_61551948/article/details/142641495 这篇说下如何把该功能整合到瑞吉项目里面，也就是把原先项目里的短信发送验证码的功能改掉，改为邮箱发送验证…...
Windows暂停更新
目录 前言注册表设定参考 前言 不想Windows自动更新，同时不想造成Windows商店不可用，可以采用暂停更新的方案。 但是通过这里设定的时间太短了，所以我们去注册表设定。 注册表设定 win r 输入 regedit进入注册表 HKEY_LOCAL_MACHINE\SOFT…...
alpine安装docker踩坑记
文章目录 前言错误场景正确操作最后 前言 你好，我是醉墨居士，最近使用alpine操作系统上docker遇到了一些错误，尝试解决之后就准备输出一篇博客，帮助有需要的后人能够少踩坑，因为淋过雨所以想给别人撑伞 错误场景 我…...
使用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 行与列…...
指定PDF或图片多个识别区域，识别区域文字，并批量对PDF或图片文件改名
常见场景 用户有大量图片/PDF文件，期望能按照图片/PDF中的某些文字对图片/PDF文件重命名。期望工具可以批量处理、离线识别（保证数据安全性）。手工操作麻烦。具体场景：用户有工程现场照片，订单，简历等PDF或…...
Web3中的跨链技术：实现无缝连接的挑战
Web3的到来为互联网带来了去中心化的愿景，而跨链技术则是实现这一愿景的关键。跨链技术旨在解决不同区块链之间的互操作性问题，使得用户和应用能够在多个区块链网络之间无缝地传输数据和价值。尽管这一技术具有广阔的前景，但在实现过程中仍面…...
词袋（Bag of Words, BoW）
词袋（Bag of Words, BoW）模型详解 词袋（BoW）是一种用于文本处理的特征提取方法，常用于自然语言处理（NLP）任务中。在BoW模型中，文本被表示为一个词的无序集合，而忽略了词…...
HTTP Status 404 - /brand-demo/selectAllServlet错误解决原因-Servlet/JavaWeb/IDEA
检查xml文件的包名有无错误检查html文件的url有无写错，是否与Servlet的urlPatterns一致检查Servlet的urlpattern有没有写错(如写成name),检查doPost、doGet是否正常运行 注：IDEA新建Servlet时，默认的WebServlet注解中name需要改urlPatterns&…...
宁夏众智科技OA办公系统存在SQL注入漏洞
漏洞描述 宁夏众智科技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…...
Spring邮件发送：配置与发送邮件详细步骤？
Spring邮件发送教程指南？怎么用Spring邮件发送服务？ Spring框架提供了强大的邮件发送支持，使得开发者能够轻松地在应用程序中集成邮件发送功能。AokSend将详细介绍如何在Spring应用中配置和发送邮件，帮助开发者快速掌握这一关键技…...
iPhone/iPad技巧：如何解锁锁定的 iPhone 或 iPad
“在我更新 iPhone 上的软件后，最近我遇到了iPhone 被锁定到所有者的消息，该如何解决？” 根据我们的研究，许多用户在 iOS 18 更新或恢复出厂设置后都会遇到同样的问题。只要出现问题，您就无法使用 iPhone 或 第 1 部分…...
无源码实现免登录功能
因项目要求需要对一个没有源代码的老旧系统实现免登录功能，系统采用前后端分离的方式部署，登录时前端调用后台的认证接口，认证接口返回token信息，然后将token以json的方式存储到cookie中，格式如下： 这里有…...
大数据毕业设计选题推荐-民族服饰数据分析系统-Python数据可视化-Hive-Hadoop-Spark
✨作者主页：IT研究室✨ 个人简介：曾从事计算机专业培训教学，擅长Java、Python、微信小程序、Golang、安卓Android等项目实战。接项目定制开发、代码讲解、答辩教学、文档编写、降重等。 ☑文末获取源码☑ 精彩专栏推荐⬇⬇⬇ Java项目 Python…...
疾风大模型气象,基于气象数据打造可视化平台
引言 随着气象数据的广泛应用，越来越多的行业依赖天气预报与气候分析来做出决策。从农业、航空、能源到物流，气象信息无时不刻影响着各行各业的运作。然而，气象数据本身复杂且多样，如何将这些数据转化为直观、易于理解的图形和信…...
PHP安装后Apache无法运行的问题
问题 按照网上教程php安装点击跳转教程，然后修改Apache的httpd.conf文件，本来可以运行的Apache，无法运行了 然后在"C:\httpd-2.4.62-240904-win64-VS17\Apache24\logs\error.log"（就是我下载Apache的目录下的logs中&am…...
[论文精读]Multi-Channel Graph Neural Network for Entity Alignment
论文网址：Multi-Channel Graph Neural Network for Entity Alignment (aclanthology.org) 论文代码：https:// github.com/thunlp/MuGNN 英文是纯手打的！论文原文的summarizing and paraphrasing。可能会出现难以避免的拼写错误和语法错误&a…...
Study-Oracle-10-ORALCE19C-RAC集群搭建（一）
一、硬件信息及配套软件 1、硬件设置 RAC集群虚拟机：CPU:2C、内存：10G、操作系统：50G Openfile数据存储：200G （10G*2） 2、网络设置 主机名公有地址私有地址VIP共享存储（SAN）rac1192.168.49.13110.10.10.20192.168.49.141192.168.49.130rac2192.168.49.13210.10.10.3…...
1.8 物理层下的传输媒体
欢迎大家订阅【计算机网络】学习专栏，开启你的计算机网络学习之旅！ 文章目录 1 导引型传输媒体1.1 双绞线1.2 同轴电缆1.3 光缆 2 非导引型传输媒体2.1 无线电微波通信2.2 多径效应2.3 卫星通信2.4 无线局域网 在数据通信系统中，传输媒体是发…...
指纹定位的原理与应用场景
目录 原理 1. 信号特征收集 2. 定位算法 推导公式 距离估算公式 定位算法公式 使用场景 发展前景 指纹定位是一种基于无线信号强度（如Wi-Fi、RFID、蓝牙等）来实现室内定位的技术。它借助于环境中多个基站的信号特征来推断用户的位置。以下是对指纹定位的详细讲解，包…...
发现一款适合所有用户小巧且强大的编辑器（完美替换Windows记事本）
文章目录 📖 介绍 📖🏡 演示环境 🏡📒 编辑器 📒📝 功能亮点📝 适用场景📝 安装使用📝 替换Windows记事本🎈 获取方式 🎈⚓️ 相关链接 ⚓️📖 介绍 📖 今天，发现一款小巧（仅1.26M）且功能强大的编辑器，适用于文本编辑，编程开发等，应该说是适…...
Mysql知识点整理
一、关系型数据库 mysql属于关系型数据库，它具备以下特点 关系模型：数据以二维表格形式存储，易于理解和使用。 数据一致性：通过事务处理机制（ACID特性：原子性、一致性、隔离性、持久性）保证数据…...
ISA-95制造业中企业和控制系统的集成的国际标准-(4)
ISA-95 文章目录 ISA-95ISA-95 & MES一、ISA-95是MES的系统标准二、ISA-95对MOM/MES的活动定义三、MES/MOM如何遵循ISA-95四、MES/MOM功能划分和边界定义 ISA-95 & MES ISA-95 作为企业系统与控制系统集成国际标准，提供了一个通用的框架，有助于…...
Redis篇（Redis原理 - 数据结构）（持续更新迭代）
目录 一、动态字符串 二、intset 三、Dict 1. 简介 2. Dict的扩容 3. Dict的rehash 4. 知识小结 四、ZipList 1. 简介 2. ZipListEntry 3. Encoding编码 五、ZipList的连锁更新问题 六、QuickList 七、SkipList 八、RedisObject 1. 什么是 redisObject 2. Redi…...
Disco公司的DBG工艺详解
知识星球里的学员问：可以详细介绍下DBG工艺吗？DBG工艺的优势在哪里？ 什么是DBG工艺？ DBG工艺，即Dicing Before Grinding，划片后减薄。Dicing即金刚石刀片划切，Grinding即背面减薄，…...
大学学校用电安全远程监测预警系统
1.概述： 该系统是基于移动互联网、云计算技术，通过物联网传感终端，将办公建筑、学校、医院、工厂、体育场馆、宾馆、福利院等人员密集场所的电气安全数据，实时传输至安全用申管理服务器，为用户提供不间断的数据跟踪&a…...
大连做网站企业/高级seo培训
本题是使得两个链表相加，每个链表中值均为0~9，对于两个链表对应的值相加值sum若大于9，则为sum%10，并在指向的下一对节点的和sum上加1。 做题思路： 判断两链表是否有空链表，若有，直接返回另一个链…...
商城网站/竞价排名是什么
日前，全球影响力知识产权媒体IPRdaily联合incoPat创新指数研究中心发布“2018年全球金融科技发明专利排行榜（TOP20）”，数据范围为从2018年1月1日至2018年12月31日，全球企业2018年公开的发明专利申请数量。入榜前三名分…...
手游app平台推广微信xiala5/昆明seo工资
自已开发的一个日历项目，其中一个显示日程列表的Activity只有一个ListView，数据来源于数据库。 在这个xxxActivity.java里面添加了： /** Create menu. */ public booleanonCreateOptionsMenu(Menu menu) { MenuInflater mMenuInflater getMe…...
门户网站怎么建设需要多长时间/网页制作基础教程
项目内容：用机器人做成一个电风扇，来回摆动着吹。并且有电风扇的定时功能，吹一段时间就停下来。 相关模块：转向、启动电机、 停止电机、系统时间、条件循环。 程序设计 要让风扇定时，则须调用“系统时间”模块。在程序…...
wordpress中动态设置轮播图片/链接购买
Floating Point Exception Floating Point Exception就是浮点数异常，常常发生在编译好的程序，放入到另外台机器上运行时 。产生浮点数异常的原因是两台机器版本不同，程序在高版本的系统编译好，放入低版本…...
网站设置在哪/网页制作免费模板
我的世界scpv3模组是一款超级令人喜欢的模组手机版本了，能够在手机里面体验到全新的内容的游戏。玩家们可以加入这款特别的像素游戏，加入独特的沙盒模式中挑战，更有趣味的沙盒内容可以来体验，给玩家们独特的游戏内容。我的世界scp…...