serviceWorker

前端开发核心：HTML、CSS与JavaScript学习指南

同时，介绍了响应式设计、Web组件、ServiceWorker等现代前
Randy Rhoads·2025-07-07 10:04

实现篇：手把手打造一个番茄时钟

文章目录第一步：明确需求第二步：拆解应用功能第三步：代码实现index.html文件styles.css文件script.js文件ManifestFile(manifest.json文件)ServiceWorker
村头的猫·2025-06-14 06:27

PWA 的背景以及实现方式

PWA的背景以及实现方式目录PWA的背景以及实现方式一、PWA的背景二、PWA的核心特性三、PWA的实现方式1.添加WebAppManifest2.注册ServiceWorker3.使用HTTPS4.响应式设计
超级土豆粉·2025-06-08 13:49

Chrome拓展（Chrome Extension）开发定时任务插件

Chrome扩展定时任务插件开发指南核心实现原理使用ChromeAlarmsAPI实现定时触发通过ServiceWorker保持后台运行本地存储保存任务配置开发步骤创建manifest文件(manifest.json
酷爱码·2025-05-17 15:56

前端缓存踩坑指南：如何优雅地解决浏览器缓存问题？

你可能遇到过这些情况：部署上线了，结果用户还在加载旧的JS；接口数据改了，页面却还拿着几分钟前的老版本；ServiceWorker缓了一大堆东西，结果连新页面都加载不出来……一、浏览器缓存到底是怎么一回事
qq_39279448·2025-05-11 20:42

红宝书第五十二讲：零基础PWA技术全解析：Service Worker + 离线缓存

红宝书第五十二讲：零基础PWA技术全解析：ServiceWorker+离线缓存资料取自《JavaScript高级程序设计（第5版）》。
·2025-04-19 14:52

vscode造成c盘空间占用剧增

c盘用户文件夹下AppData\Roaming\Code\ServiceWorker\CacheStorage缓存占用空间大，很可能是因为vscode的pdf插件每次加载pdf累计造成容量很大。
蓝点004·2025-04-19 05:20

Service Worker

文章目录简介主要功能生命周期代码演示使用Workbox快速生成ServiceWorker安装WorkboxCLI初始化Workbox配置生成ServiceWorker注册ServiceWorker离线功能缓存静态资源拦截请求并返回缓存测试离线功能简介什么是
._Ha!n.·2025-04-08 10:07

前端多线程革命：深入探索 Worker 技术的应用与未来

本文将带您深入探索WebWorker、ServiceWorker和Worklet
斯~内克·2025-04-02 19:26

前端基础入门三大核心之HTML篇：PWA入门指南 —— 理解与构建现代化Web应用

前端基础入门三大核心之HTML篇：PWA入门指南——理解与构建现代化Web应用PWA基本概念与优势关键技术组件构建PWA实战第一步：启用HTTPS第二步：创建WebAppManifest第三步：实现ServiceWorker
DTcode7·2025-03-26 02:21

Service Worker 实现离线应用思路

1背景本地运行一个vue项目，界面如下：使用ServiceWorker对其进行缓存，预期在停止运行项目时（模拟离线场景）也能够正常访问项目2缓存的资源分析检查network，浏览器访问：http://localhost
诚诚程程成·2025-03-25 10:20

前端缓存接口数据

在前端缓存接口数据时，可以结合浏览器缓存策略、前端存储（localStorage、sessionStorage、IndexedDB）、内存缓存（变量存储）、ServiceWorker等方式，选择适合的方案
jjjjjjjjj¢·2025-03-17 21:18

Google Chrome 60版本的全新特性与优势

新版浏览器通过升级V8JavaScript引擎，增强WebAssembly支持，改进CSSGrid布局，更新ServiceWorker，增强安全性，改进开发者工具，增加新的WebAPI，优化性能，增强隐私控制以及支持
xinwuji312·2025-03-12 13:19

BroadcastChannel 通讯原理

BroadcastChannel是一种用于在同一来源（同一协议、主机名和端口号）下不同浏览器上下文（如标签页、iframe、Worker、ServiceWorker）之间进行消息广播的API。
A-Kamen·2025-03-10 18:08

js能不能清楚浏览器缓存？

使用ServiceWorker：如果你正在使用ServiceWorker来管理缓存，你可以编写代码来控制哪些资源应该被
涔溪·2025-01-23 02:35

用JS进行Base64编码、解码

js-base64').Base64js中的话可以使用window.btoa()//编码window.atob()//解码兼容IE10+，浏览器就原生提供了Base64编码、解码方法，不仅可以用于浏览器环境，ServiceWorker
avoidaily·2024-02-28 09:20

关于 Service Worker 和 Web 应用对应关系的讨论

Web开发领域引入ServiceWorker的动机用户希望应用程序能够在缓慢或不稳定的网络连接上启动，甚至在离线状态下启动。他们希望最近互动的内容（例如媒体曲目或门票和行程）处于持续可用状态。
·2024-02-11 18:06

pwa基础入门

初次学习，水平甚浅，这篇文章主要作为知识的汇总巩固，如果有错误的地方还请自由指出pwa是什么ProgressiveWebApp可以网页离线可访问（ServiceWorker）可以像原生应用一样添加到桌面
阿空阿空·2024-02-11 17:07

Chrome 浏览器插件 runtime 字段解析

运行时runtime使用chrome.runtimeAPI检索ServiceWorker，返回有关manifest.json的详细信息监听和响应应用或扩展程序生命周期中的事件还可以使用此API将网址的相对路径转换为完整的一个
gqkmiss·2024-01-27 16:47

Service Worker

ServiceWorker:应用、浏览器、与network之间的代理。拦截network请求，用某种策略更新资源。事件驱动。是一种worker，所以单独线程，所以不能访问DOM。
monvhh·2024-01-21 04:51

Chrome 浏览器插件 cookies API 解析

Chrome.cookie前端开发肯定少不了和cookie打交道，此文较详细的介绍下chrome.cookie的API以及在popup、serviceworker、content中如何获取的一、权限（Permissions
gqkmiss·2024-01-18 11:50

新建vue3项目，启动后访问http://localhost:3000/，发现页面不是vue3项目首页

于是我找到我练习时候的代码，发现这里注册过serviceWorker←serviceWorker是什么，一句话概括核心功能就是拦截和处理网络请求，以编程方式管理响应缓存。看没
斯图尔te·2024-01-18 07:26

Chrome 浏览器插件 Manifest V3 版本中新增的 Service Worker 详细解析

ServiceWorker扩展程序ServiceWorker是扩展程序的核心事件处理脚本。
gqkmiss·2024-01-17 15:55

前端页面通信

websocket：需要服务端配合socket.io/websocket-node//广播：server.connections.forEach(()=>sendText)serviceworker：navigator.serviceWorker
一只重拾梦想的小水·2024-01-15 22:14

高级编程JavaScript。Notifications消息通知

NotificationsAPI在ServiceWorker中非常有用。渐进Web应用（PWA，ProgressiveWe
蓝斑.json (前端)·2024-01-15 20:25

跨页面通信实现方案

中转可以是一个BroadCastChannel实例、一个ServiceWorker或是LocalStorage。
jluemmmm·2024-01-10 21:41

Vue3 PWA 如何配置

具体参阅：https://www.vuemastery.com/blog/getting-started-with-pwas-and-vue3/看完就会了pwa需要网站是在https协议下的，不然不管用，像serviceWorker
十月ooOO·2024-01-09 19:21

首屏加载优化有哪些方案？

）使用CDN加速，将通用的库从vendor进行抽离Nginx的gzip压缩Vue异步组件服务端渲染SSR如果使用了一些UI库，采用按需加载Webpack开启gzip压缩如果首屏为登录页，可以做成多入口ServiceWorker
Virgil_x·2024-01-07 06:52

service worker 的使用实例源代码

有很多面试题里面，有关于serviceworker的，比如说关于浏览器的缓存。面试官问你，浏览器中的缓存位置有哪几种？
我有一棵树·2024-01-02 16:28

[react]脚手架create-react-app/vite与reac项目

create-react-app/vite与reac项目环境问题描述create-react-app脚手架根据脚手架修改项目结构安装脚手架注入配置文件-config文件夹package.json文件变更删除serviceWorker.js
三知之灵·2023-12-29 16:49

浏览器缓存机制（详）

目录1，缓存的分类1.1，按缓存位置1，ServiceWorker2，MemoryCache3，DiskCache4，PushCache1.2，按缓存类型强缓存ExpiresCache-control协商缓存
下雪天的夏风·2023-12-23 07:48

我们应该了解的前端缓存

对于单页应用程序，它实现无限期地缓存CSS、字体和图像文件，并防止缓存HTML文件和适用的serviceworker。该策略作为资源文件是可行的。它们的文件
dralexsanderl·2023-12-20 10:23

PWA 概念及核心功能的基本介绍

二.PWA核心功能2.1何谓ServiceWorker2.2注册ServiceWorker2.3ServiceWorker常用事件2.3.1install2.3.2fetch2.4Manifest2.5
Lyrelion·2023-12-02 13:46

vuepress-----9、PWA

#9、PWA使用babel的插件形式['@vuepress/pwa',{serviceWorker:true,updatePopup:{message:"Newcontentisavailable.",
悠闲的线程池·2023-11-30 18:54

用JS进行Base64编码、解码

  从IE10+浏览器开始，所有浏览器就原生提供了Base64编码、解码方法，不仅可以用于浏览器环境，ServiceWorker环境也可以使用。
小小的开发人员·2023-11-25 04:46

前端跨界面之间的通信解决方案

主要是这两个方案，其他的，还有SharedWorker、IndexedDB、WebSocket、ServiceWorker如果是，父子嵌套iframe还可以使用window.parent.postMessage
嘤嘤怪呆呆狗·2023-11-21 08:41

浏览器缓存

serviceworker：他可
海伦•·2023-11-16 09:03

Service Worker是什么?

ServiceWorker是一种在Web浏览器中运行的脚本，它独立于网页的上下文，并且可以在用户关闭网页后仍然在后台运行。
程序员大澈·2023-11-15 23:51

CSS注入的四种实现方式

注入窃取标签属性数据简单的一个实验：解决hidden方法1：js+node.js实现侧信道攻击方法2：对比波兰研究院的方案使用兄弟选择器方法3：js+websocket实现CSS注入实验实现：方法4：window.open结合serviceworker
未知百分百·2023-11-14 11:31

前端性能优化

衡量网站的性能的指标有很多，其中有项重要的指标就是网站的首屏时间，为此前端工程师们都是绞尽脑汁想尽办法进行优化自己的应用，诸如像服务端渲染，懒加载，CDN加速，ServiceWorker等等方法。
coder勇·2023-10-30 11:32

vue项目中，完全没有关联的页面怎么传递数据？(跨页面通信)

1.同源页面：ServiceWorker、LocalStorage、IndexDB、cookie、WebSocket2.非同源页面：可以通过嵌入同源iframe作为“桥”，将非同源页面通信转换为同源页面通信
想开了的美羊羊很机智·2023-10-28 14:08

前端跨页面通信，你知道哪些方法？

一、同源页面1.广播站模式一个页面将消息通知给一个“中央站”，再由“中央站”通知给各个页面，以下会介绍这个中央站可以是LocalStorage，可以是BroadCastChannel实例，也可以是一个Serviceworker1.1
是草莓味的啊·2023-10-28 14:01

PWA：网站离线访问

（用鼠标点击小恐龙会有惊喜）图1ServiceWorker是PWA的一个特性，可以让我们的网站在断网的情况也能访问。离线访问原理正常情况下，访问网站，浏览器会向服务端发送请求，服务端处理之后返回资源。
dkvirus·2023-10-26 05:09

一次js请求一般情况下有哪些地方会有缓存处理？

目录浏览器缓存：CDN缓存：代理服务器缓存：前端缓存：HTTP缓存头：ServiceWorker：客户端缓存库：服务器端缓存：在一次JavaScript请求中，缓存处理是提高性能、降低带宽消耗以及改善用户体验的关键因素
bug丶小狼人·2023-10-24 07:51

【面试题】中高级前端工程师都需要熟悉的技能--前端缓存

前端缓存一、前言二、web缓存分类1.HTTP缓存：2.浏览器缓存：3.ServiceWorker：4.WebStorage缓存：5.内存缓存：三、http缓存详解1、http缓存类型a.基于有效时间的缓存控制
网络真危险！！·2023-10-17 05:14

vite-plugin-pwa配置详解

vite-plugin-pwa配置详解前提：前端域名和后端服务域名相同时，用window.open新开页面下载或者导出文件，项目中导出和下载功能失效，原因是，域名相同走缓存实现serviceworker
yuan溜溜·2023-10-16 09:51

service worker实现静态资源缓存

serviceworker如何实现静态资源缓存和强制更新，请看如下示例：1、注册serviceworkerfunctionserviceWorker(){if(isLocalStorageAvailable
刘春强·2023-10-15 17:12

service workers跟页面dom交互

在ServiceWorker中假设你有一个ServiceWorker文件（service-worker.js），你可以监听messa
刘春强·2023-10-13 18:52

基于Google‘s FCM实现消息推送

当然，下面是一个简单的示例，演示了如何使用ServiceWorker和Google'sFirebaseCloudMessaging（FCM）来实现Web推送通知。
刘春强·2023-10-11 10:40

强缓存和协商缓存区别和过程

使用ServiceWorker的话，传输协议必须为HTTPS。内存缓存磁盘缓存推送缓存PushCache（推送缓存）是HTTP/2中的内容，当以上三种缓存都没有命中时，它才会被使用。
一月清辉·2023-10-11 10:57
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他