自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(2)
  • 收藏
  • 关注

原创 在多标签页场景下使用SharedWorker与BroadcastChannel管理WebSocket

本文介绍了使用WebSocket实现浏览器与服务器实时通信的方法,并针对多标签页场景下重复连接问题提出了基于SharedWorker的解决方案。WebSocket通过单一TCP连接实现全双工通信,相比HTTP请求-响应模式更高效。针对多标签页重复连接问题,文章比较了BroadcastChannel和SharedWorker两种方案,重点阐述了SharedWorker的实现方式:创建一个共享Worker维护单条WebSocket连接,多个标签页通过MessagePort共享该连接,实现服务器消息的统一接收和分

2025-09-18 13:56:21 1129

原创 前端性能优化:提高网页加载速度的关键技巧

在现代 Web 开发中,页面的加载速度直接影响用户体验和 SEO 排名。本文将介绍前端性能优化的核心策略,并提供具体的代码示例。通过压缩资源、代码拆分、图片优化、CDN 加速和缓存策略,我们可以显著提升网站的加载速度,带来更好的用户体验。浏览器加载网页时,HTML、CSS 和 JavaScript 资源的体积会直接影响加载速度。对于自己的静态资源,可以使用 Cloudflare、腾讯云 CDN 等。,可以将静态资源分布到全球服务器,提高用户的访问速度。如果网站的 JavaScript 代码较大,可以使用。

2025-03-10 22:19:52 439

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除