小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • FAQ
Dify.AI

现代浏览器功能强大,可以部分替代服务器。作者探讨了如何通过Service Worker实现博客的离线访问和反向代理,尽管未能提升博客的可靠性,但展示了浏览器的潜力。

用Service Worker实现一个反向代理

Mayx的博客
Mayx的博客 · 2025-07-31T16:00:00Z
🔔 我是如何在我的项目中添加网页推送通知功能的

在ChatX项目中实现了推送通知功能,用户即使不在页面上也能实时接收消息。通过Service Worker和VAPID密钥,用户授权后,浏览器创建订阅对象,服务器可安全发送通知。

🔔 我是如何在我的项目中添加网页推送通知功能的

DEV Community
DEV Community · 2025-05-17T08:43:40Z
在React中使用<link rel="preload">和Service Workers进行推测性数据获取

现代单页应用(SPA)常面临HTML渲染与React水合的时间差。通过在HTML头部预加载关键JSON数据、使用Service Worker缓存请求和创建自定义React钩子,可以显著提升初始渲染的交互速度,适用于需要快速加载的应用,如仪表盘和静态API的SPA。

在React中使用<link rel="preload">和Service Workers进行推测性数据获取

DEV Community
DEV Community · 2025-05-01T02:05:04Z

本文介绍了PWA(Progressive Web App)的概念和特点,以及使用Service Worker实现离线访问能力的方法。PWA具有离线访问、可安装、推送通知和响应式布局等特点,提供更好的用户体验和开发效率。Service Worker是在浏览器背后运行的脚本,处理网络请求和缓存数据,实现离线访问和资源缓存。文章还介绍了注册Service Worker和使用不同缓存策略的方法,以及缓存过期和清理缓存的技巧。

PWA 离线方案研究报告

京东科技开发者
京东科技开发者 · 2023-12-19T10:02:26Z

本文介绍了PWA的特点和优势,以及使用Service Worker实现离线访问能力的方法。PWA具有离线访问、可安装、推送通知和响应式布局等特点,为用户提供更好的体验,为开发者带来更高的效率。Service Worker是一种在浏览器背后运行的脚本,用于处理网络请求和缓存数据,实现离线访问和资源缓存等功能。通过注册Service Worker和使用缓存策略,可以实现PWA的离线访问能力。同时,还介绍了缓存过期和精确清理缓存的方法,以及处理不可见响应的注意事项。

PWA 离线方案研究报告 | 京东云技术团队

京东科技开发者
京东科技开发者 · 2023-12-12T03:59:58Z

介绍Chrome插件从v2迁移到v3的具体操作步骤,包括更新manifest配置、迁移background到Service Worker、更新API等。需要注意的是,v3版本带来了更强的隐私性、安全性和性能。

Chrome Extensions v3 迁移清单 - 听风是风

听风是风
听风是风 · 2023-10-10T02:24:00Z
ServiceWorker、MessageChannel 和 postMessage

本文介绍了在ServiceWorker中进行消息传递的方法,包括使用postMessage发送消息、设置事件处理程序处理有效负载、使用消息路由约定发送不同类型的消息、使用MessageChannel回复消息、注册事件监听器监听来自ServiceWorker的消息,以及使用swivel库简化消息传递。

ServiceWorker、MessageChannel 和 postMessage

Lenix
Lenix · 2023-09-01T02:20:50Z

Workbox和Preact与此问题无关。Workbox允许在Service Worker中使用任何其他代码,而Preact适用于客户端应用程序。示例页面演示了使用MessageChannel从客户端页面向Service Worker发送消息,并进行响应。可以使用Comlink库简化逻辑。

客户端页面和 Service Worker 之间的双向通信

Lenix
Lenix · 2023-09-01T02:17:40Z

Service Worker是服务器与浏览器之间的中间人角色,提供离线缓存、推送等功能,增强浏览体验。它基于web worker,具有生命周期,可以访问cache和indexDB。使用时需要注册并安装处理程序,注意事项包括不能访问DOM、不能使用同步API、只能由HTTPS承载。Safari对service worker的支持较晚。

service worker 是什么?看这篇就够了

Lenix
Lenix · 2023-03-28T09:15:30Z

ServiceWorker作为前端革命领袖,毫不夸张地被誉为前端黑科技,此文将阐述如何巧妙的使用它来实现一些看起来匪夷所思的事情。

欲善其事,必利其器 - 论如何善用ServiceWorker

ChenYFanのBlog
ChenYFanのBlog · 2022-01-16T13:57:45Z
使用 Service Worker 优化网站

本文介绍了如何通过使用 Service Worker 优化静态博客的访问速度,主要利用其离线加载特性。文章详细说明了注册 Service Worker 的代码和配置方法,包括使用 sw-toolbox 进行缓存管理。启用后,用户可以在离线状态下加载页面,减少 HTTP 请求,提高访问效率。

使用 Service Worker 优化网站

Wincer's Blog
Wincer's Blog · 2017-07-25T05:06:47Z

利用 Appcache 和 ServiceWorker 进行持久型session hijacking 和 XSS 小饼仔 | 2015-08-20 14:52 看了篇文章 Using Appcache and ServiceWorker for Evil,讲的是黑下服务器后,通过 Middlekit...

利用 Appcache 和 ServiceWorker 进行持久型session hijacking 和 XSS

Nuclear'Atk(核攻击)网络安全实验室
Nuclear'Atk(核攻击)网络安全实验室 · 2015-08-31T07:42:37Z
  • <<
  • <
  • 1 (current)
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
友情链接: MOGE.AI 九胧科技 模力方舟 Gitee AI 菜鸟教程 Remio.AI DeekSeek连连 53AI 神龙海外代理IP IPIPGO全球代理IP 东波哥的博客 匡优考试在线考试系统 开源服务指南 蓝莺IM Solo 独立开发者社区 AI酷站导航 极客Fun 我爱水煮鱼 周报生成器 He3.app 简单简历 白鲸出海 T沙龙 职友集 TechParty 蟒周刊 Best AI Music Generator

小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码