- 博客(76)
- 收藏
- 关注
RSS订阅原创 浏览器渲染原理
本文系统讲解了浏览器渲染原理及优化方法。首先介绍了渲染流程的6个关键步骤：HTML解析构建DOM树、CSS解析构建CSSOM树、渲染树构建、布局计算、页面绘制和合成渲染。重点分析了DOM树和CSSOM树的构建过程，指出CSS加载会阻塞JavaScript执行和页面渲染。文章还探讨了样式标准化、继承机制以及布局计算算法，并指出JavaScript执行、CSS加载、频繁DOM操作等是主要性能瓶颈。最后强调理解这些原理对编写高性能前端代码的重要性。
2026-02-25 20:22:12
933
原创 详解Web服务部署：IP+端口 vs IP+端口+目录 实战指南
在部署Web项目时，你是否注意到过这样的访问方式差异？这两种方式有什么区别？又该如何实现呢？本文将为你详细解答。部署方式适用场景优点缺点端口直接访问开发环境、微服务简单直观端口不易记忆目录形式(80端口)生产环境、多应用统一入口、便于管理配置复杂混合方案复杂架构灵活可控维护成本高核心要点端口+IP形式：直接启动服务，指定端口即可目录形式：通过反向代理（Nginx/Apache）实现路径转发80端口是Web服务的默认端口，浏览器会自动省略。
2026-02-23 22:12:49
1311
2
原创 国内服务器下载 nvm 超时？教你几招轻松解决
设置国内镜像源- 最推荐，一劳永逸使用 Gitee 克隆 nvm- 备选方案，稳定可靠预先下载 Node.js 包- 配合镜像源使用效果更佳希望这篇文章能帮助你在服务器上快速配置好 Node.js 开发环境。如果觉得有帮助，欢迎分享给更多需要的朋友！你还有其他关于 Node.js 环境配置的问题吗?欢迎在评论区留言讨论！
2026-02-23 21:37:29
355
1
原创 Vue3 宏到底是什么？一篇让你彻底搞懂原理的文章
理解宏的编译时原理，不仅能帮你更好地使用 Vue3，还能让你在遇到问题时快速定位原因。比如以后看到 “xxx is not defined” 的报错时，要想到可能是没有在正确的位置使用宏。希望这篇文章能帮你彻底搞懂 Vue3 宏的原理！
2026-02-22 21:30:51
762
原创 OpenClaw 完全指南：在 Manjaro 上部署你的个人 AI 助手
OpenClaw 是一款开源的个人 AI 助手项目，它的核心理念是让 AI 成为你的"数字分身"，帮助你完成流程化、重复性的工作。AionUi 是一个跨平台的 AI 终端界面工具，旨在将命令行体验转化为现代化的 AI 聊天界面。它的核心特点是可以同时管理多个 AI 代理，让它们协同工作。本文详细介绍了在 Manjaro 系统上安装和配置 OpenClaw 的完整流程。通过 OpenRouter API，你可以灵活选择各种 AI 模型，无论是 Claude、GPT 还是其他模型，都可以轻松接入。
2026-02-14 20:00:11
1287
原创 打造你的专属AI技能包：如何高效使用和自定义 Skills
Skills（技能包）是AI Agent的「能力扩展模块」。它将不同领域的专业知识封装成独立、可复用的技能模块，每个技能包本质上是对应技能的SOP（标准操作程序），让AI读完SOP就能高效、高质量执行。每个Skill是一个完整的文件夹，包含专用的指令、脚本与资源，通过模块化设计，让AI能够按需加载，快速掌握某项专业能力。Skills是AI编程工具的强大扩展功能，它让AI从「执行单一指令」升级为「完成复杂任务」。封装重复性工作为标准化流程让AI快速掌握专业领域知识实现工作流程的自动化。
2026-02-13 16:52:36
800
原创 Chrome 插件开发指南：从 Web 到扩展，以及「网页内容总结助手」实战
网页内容总结助手一键提取正文并调用 ModelScope + DeepSeek 做 AI 总结，或使用本地 mock选择页面任意区域进行总结（高亮选择模式）多种输出类型：总结、博客、文章、报告、要点列表设置本地持久化：API Key、总结字数等存于，无需后端遵循，适合作为学习或二次开发模板如果你在做阅读摘要、知识整理或内容再生产，欢迎在 Chrome 应用商店或通过「加载已解压的扩展程序」安装使用，也欢迎 Star / Fork 项目参与改进。
2026-02-10 19:25:35
847
原创 我开源了一个 Chrome 插件：一键总结网页为 Markdown
用户可在设置中填入自己的const prompt = `请将以下内容总结为一篇${const prompt = ` 请将以下内容总结为一篇 ${ style } ，不超过300字：\n\n ${ text } `;const prompt = ` 请将以下内容总结为一篇 ${ style } ，不超过300字：\n\n ${ text } `;${const prompt = ` 请将以下内容总结为一篇 ${ style } ，不超过300字：\n\n ${ text } `;
2026-02-10 19:22:43
878
原创 Gitee迁移GitHub开源全攻略：一键配置自动同步，仅需维护单一仓库
从Gitee迁移至GitHub开源，核心是一次迁移、永久自动同步，无需重复提交与手动维护。本文提供的三种方案覆盖不同使用场景，配合可直接复制的命令与配置清单，可快速实现仅提交一端，双平台自动同步的目标，彻底解决多平台代码托管的繁琐问题。如果在配置过程中遇到权限、同步、冲突等问题，欢迎留言交流；也可分享你的同步实践，共同完善多平台代码托管的最佳方案。
2026-02-08 19:16:47
1309
原创 一次大屏项目中的“静态数据”陷阱：当一个接口失败，拖垮了整页数据
开发过程中发现页面数据始终显示固定值，排查发现是全局try...catch导致前端接口请求被静默中断。解决方案采用独立错误处理或链式并发请求，确保模块独立性。文章反思了开发中常见的错误处理误区，强调细粒度日志、明确占位标识和容错设计的重要性。通过隔离错误边界，最终实现各数据模块独立更新
2026-02-01 21:10:55
513
原创 HTTP 协议全景解析：无状态、明文与安全演进之路
HTTP协议最大的安全短板就是明文传输。整个请求和响应过程，包括URL、首部、请求体，都是以明文形式在网络中流转。这使得任何中间节点，如代理、路由器、ISP，甚至同一Wi-Fi下的其他用户，都可以轻易地窃听、篡改或伪造你的数据。此外，HTTP本身没有身份验证机制，容易被伪造请求。回顾HTTP协议的发展历程，我们看到的不仅是一个技术的演进，更是一场对性能、安全和用户体验的不懈追求。从最初的简单文件传输，到如今支撑起整个现代互联网的复杂生态，HTTP协议展现出了惊人的灵活性和可扩展性。
2026-01-30 18:41:51
811
2
原创 Vue项目中iframe嵌入页面实现免登录的完整指南
监听器放在App.vue的created生命周期中验证消息来源（origin）添加时间戳防止重放攻击设置合理的token有效期在beforeDestroy中移除监听器处理不同源场景（token交换）避免localStorage key冲突开发环境：可以先用URL传参快速验证功能，但上线前一定要改成postMessage调试技巧：在控制台打印消息收发日志，方便排查问题错误处理：做好异常处理，当token失效时优雅降级到登录页。
2026-01-28 20:37:36
664
原创 API与SDK：开发者必懂的概念、联系与区别
API是“软件对话的规则”，是功能实现的核心入口；SDK是“封装好的开发工具箱”，以API为核心，搭配辅助工具降低开发难度。简单来说：想灵活定制就用API，想高效落地就用SDK。理解两者的本质与差异，能帮我们在对接第三方服务、搭建项目功能时少走弯路。无论是API还是SDK，它们的核心价值都是“让开发者专注于业务逻辑，而非底层实现”，这也是现代软件开发高效协作的基础。
2026-01-26 21:03:32
494
原创 Manjaro 制作 Ventoy 多系统启动盘终极指南（避坑版）
坑点现象解决方案用了 AUR 的ventoy-bin脚本缺失关键工具改用直接运行用包裹执行挂载后无法写入 ISO权限不够挂载时加参数复制时以为卡死cp无进度用或耐心等待Ventoy 是目前最高效、最灵活的多系统启动盘解决方案。虽然在 Manjaro 上需要绕过几个小坑，但一旦掌握正确方法，你将获得一个万能装机U盘——无论是给朋友装 Windows，还是自己测试 Linux 发行版，都只需一个 U 盘搞定！祝你装机顺利，系统稳定！
2026-01-12 22:18:06
564
原创 Vue组件初始化时序与异步资源加载的竞态问题实战解析
isMapReady// 父组件})// 子组件// 执行操作})})组件生命周期 ≠ 资源就绪：Vue 的onMounted只保证 DOM 挂载完成，异步资源可能还没加载好。防御式编程：在访问异步资源前加判断，避免空指针。显式信号优于隐式依赖：用isMapReady代替“猜”资源是否就绪。调试技巧：学会用debugger调试是多么的重要这次问题让我深刻体会到，在异步世界里，永远不要假设资源已经就绪。组件通信就像两个人传递接力棒，必须确保对方准备好再放手。虽然最终用isMapReady。
2025-12-27 12:11:29
523
原创 前端并发控制的多种实现方案与最佳实践
前端并发控制是提升应用性能和用户体验的关键技术。本文深入探讨了多种并发控制方案，包括队列法、递归队列法、竞速法和分批处理法，以及它们的进阶特性如动态调整并发数、请求取消机制和进度反馈。我们还通过实际应用场景案例展示了并发控制的价值，并对比了浏览器原生方案与第三方库的适用场景。对于前端开发者，我们建议根据项目需求选择合适的并发控制方案。对于简单场景，原生队列法或分批处理法足够；对于复杂场景，递归队列法或竞速法更合适；
2025-12-21 21:40:18
843
原创 多引擎中英翻译API搭建与使用教程
前一段时间正好考了英语四六级嘛，当时我在刷题的时候就想，能不能自己搭建一个翻译服务，个性化的去定制适合自己学习平台，于是我就搞了一个简单的中英文翻译的服务。在本教程中，我们将学习如何使用Python构建一个支持多种翻译引擎的中英翻译API服务。该服务不仅支持Google翻译，还支持百度翻译，可以根据需求选择最适合的翻译引擎。
2025-12-18 22:32:21
772
1
原创 前端跨页面通信：从基础到工程化的全面指南
在现代Web应用开发中，跨页面通信已成为不可或缺的核心技术。随着单页应用(SPA)和微前端架构的普及，开发者需要在不同浏览器上下文（如标签页、窗口、iframe）之间传递数据和消息。本文将系统介绍前端跨页面通信的主流方法，从原理、应用场景到工程化实现，帮助开发者构建更高效、安全的通信架构。前端跨页面通信主要分为两大类：同源场景和跨域/跨窗口场景。每种场景下有不同的通信方式，各有优缺点和适用场景。同源场景下，通信方式主要基于浏览器的同源策略，允许同一协议、域名和端口的页面直接共享数据。主要方式包括：跨域/跨窗
2025-12-14 20:01:29
867
原创 前端网页加载进度条实现指南：Vue3+Vite工程化场景
网页加载进度条是一种提升用户体验的重要工具，它能让用户直观了解页面加载状态，减少等待时的焦虑感。在单页面应用(SPA)和现代前端框架如Vue3中，加载进度条尤为重要，因为SPA的路由切换和异步请求往往需要更长时间，用户容易误以为页面"卡死"。本文将从概念理解、第三方库快速实现和自定义组件实现三个维度，详细讲解如何在Vue3+Vite工程化场景中实现网页加载进度条。网页加载进度条是一种可视化界面元素，用于展示页面或资源加载的完成百分比 。它通常出现在页面顶部或特定位置，通过宽度变化或颜色渐变来直观传达加载状
2025-12-07 22:10:04
1162
原创 前端截图实现方案全解析：从基础到进阶（附完整代码）
用遮罩层覆盖页面；监听鼠标按下、移动、松开事件，绘制选择框；截图时只截取选择框对应的 DOM 区域（通过获取坐标）。前端截图的核心是“DOM → Canvas → 图片”的转换流程，选择方案时需权衡兼容性、性能、功能需求快速落地、兼容广：优先用 html2canvas；复杂样式、高性能：选 dom-to-image；简单场景、无依赖：用 Canvas 原生 API。同时，需重点关注跨域图片、截图模糊、CSS 兼容性这三个核心问题，按文中的解决方案可快速避坑。
2025-12-03 16:21:56
1063
原创 使用pnpm构建高效Monorepo：从零到一的完整指南
pnpm Monorepo是现代前端开发的强大工具，通过合理配置和管理，可以显著提升开发效率和代码质量。遵循命名规范：使用作用域命名（如）避免命名冲突合理划分目录结构：区分apps/（应用）和packages/（共享包），保持边界清晰统一依赖管理：通过根目录安装共享依赖，避免版本碎片化使用工具链增强体验：集成Turborepo优化构建流程，使用Changesets管理版本定期维护和优化：清理未使用的依赖，更新过时的配置，保持项目健康随着项目规模扩大，Monorepo的优势会更加明显。
2025-12-01 19:42:54
1053
原创 dotenv在JavaScript中的完整指南：从入门到企业级最佳实践
摘要： 环境变量是现代应用开发中管理配置的关键工具，通过dotenv库可将配置信息存储在.env文件中，实现代码与配置分离。dotenv将.env文件中的键值对加载到Node.js的process.env对象，提供安全性（避免敏感信息泄露）、灵活性（适配不同环境）和可维护性（集中管理配置）。基础用法包括安装dotenv、创建.env文件并通过require('dotenv').config()加载。进阶实践涉及多环境配置（如.env.development和.env.production）和构建工具集成（W
2025-11-23 16:34:12
934
原创 一次 MariaDB 崩溃后的完美恢复实战：从故障诊断到安全加固
摘要：本文记录了一次因服务器异常关机导致MariaDB启动失败的故障处理过程。通过分析日志发现InnoDB引擎因非正常关机导致数据一致性错误，进而无法启动。作者采用四步恢复方案：1) 强制只读模式导出数据；2) 彻底重装MariaDB；3) 导入备份数据；4) 进行安全加固。最终不仅成功恢复数据，还制定了五项长效预防措施，包括自动备份、版本锁定、服务监控等，形成了一套完整的"无损恢复+安全加固+长效预防"解决方案，为类似故障提供了可复用的处理思路。
2025-11-23 16:07:22
890
原创 从Promise.all陷阱到优雅解决方案：我的弹框加载实践
用户感知优先：即使牺牲部分代码简洁性，也要优先保证核心内容的快速呈现灵活应对网络波动：通过降级策略和超时控制，构建健壮的容错机制平衡代码复杂度与性能：根据业务需求选择合适的异步模式最终建议对非关键资源使用+独立处理对强依赖数据使用对用户体验敏感的内容使用拆分请求+预加载通过这种混合策略，我们既保留了并行请求的效率优势，又实现了部分数据的即时渲染，最终在代码可维护性和用户体验之间取得了最佳平衡。
2025-11-20 22:41:17
828
原创 一文带你理解JavaScript异步编程与事件循环机制
JavaScript异步编程是现代前端开发的核心能力，它通过事件循环机制实现单线程环境下的非阻塞操作。本文解析了JavaScript单线程特性与异步必要性，详细介绍了浏览器和Node.js的事件循环机制及任务队列结构。文章对比了回调函数、Promise和async/await三种异步实现方式的优缺点，阐述了微任务与宏任务的执行顺序规则，并提供了网络请求等实际应用场景的代码示例。理解这些异步编程原理对于开发高效、响应式的Web应用至关重要。
2025-11-20 22:20:48
1065
原创 10 分钟搞定 Token 无感刷新：再也不用反复重新登录了
无感刷新Token技术通过双Token机制有效平衡安全性与用户体验。核心方案包括：Access Token（短期有效）与Refresh Token（长期安全存储）协同工作；Axios拦截器自动捕获401错误并触发刷新流程；并发请求队列避免重复刷新。实现要点：服务器端需维护Refresh Token白名单/吊销列表，客户端需将Refresh Token存储在HttpOnly Cookie中。此方案可显著降低Token泄露风险（约80%），同时避免用户频繁重新登录（65%用户流失率问题），是现代Web认证系统的
2025-11-15 14:48:18
1361
原创 SSE通信技术详解：Node.js实现服务器端事件推送
SSE技术简介及应用：Server-Sent Events（SSE）是基于HTTP的单向实时数据推送技术，适用于服务器向客户端持续推送更新的场景（如实时通知、日志流等）。相比轮询和WebSocket，SSE具有轻量级、简单易用和自动重连等优势。核心特点包括：基于HTTP协议、长连接保持、事件驱动模型。Node.js实现SSE需设置特定响应头（如text/event-stream）并遵循数据格式规范，客户端通过EventSource API接收事件。SSE在实时性要求高但只需单向通信的场景中表现优异，是传统轮
2025-11-10 22:37:49
1262
原创 告别Docker Hub网络困扰！本地镜像打包上传服务器全攻略
当Docker Hub网络不给力时，“本地打包+FTP上传”无疑是最直接高效的替代方案。整个流程无需依赖外部仓库，操作步骤简单，同时避免了科学上网的配置成本和隐私泄露风险。无论是个人开发者部署小型应用，还是企业内网环境下的镜像迁移，这套方法都能完美解决你的痛点。按照本文的步骤操作，相信你能轻松完成Docker镜像从本地到服务器的迁移部署。如果在实操中遇到问题，欢迎在评论区留言交流！
2025-11-09 15:54:48
703
原创 WebSocket 完全指南：从原理到实战，搭建实时通信桥梁
摘要：WebSocket协议通过全双工实时双向通信解决了HTTP协议在实时场景中的痛点。文章详细解析了WebSocket的核心概念、与HTTP的差异、工作原理和数据帧结构，并提供了JavaScript实战示例，演示如何搭建WebSocket应用。此外还介绍了WebSocket的典型应用场景、常见错误解决方案以及进阶技巧，如单例模式和心跳机制，帮助开发者构建稳定的实时通信系统。
2025-11-07 21:44:08
2022
1
原创 WebSocket 核心 API 速查表
本文整理了WebSocket协议在前端开发中的核心知识点，包括连接初始化、属性方法、事件处理和常见错误解决方案。主要内容：1) WebSocket对象创建和连接初始化语法；2) readyState等关键属性的作用；3) send()、close()等核心方法的使用；4) open/message等事件回调的绑定方式；5) 常见错误类型及处理建议；6) 标准化关闭状态码说明；7) 实战工具函数如连接检测、安全发送和心跳机制实现。该速查表覆盖了WebSocket开发的主要场景，可作为日常开发的快速参考指南。
2025-11-07 21:41:42
851
原创 数据库迁移踩坑实录：从排序规则不兼容到后台报错全解决
数据库迁移中的常见问题及解决方案 本文分享了从MySQL 8.0迁移到MariaDB 10.5过程中遇到的三个典型问题：1) utf8mb4_0900_ai_ci排序规则不兼容，需替换为utf8mb4_unicode_ci；2) 修改表结构时权限不足和外键约束问题，需调整权限并临时移除外键；3) 后台查询时字符集混合错误，需统一所有表的排序规则。针对每个问题提供了详细的解决方案，包括SQL修改示例和操作步骤，为开发者处理类似数据库兼容性问题提供了实用参考。
2025-11-05 15:08:56
793
原创 Nginx代理配置的“双斜杠陷阱“：从IP到域名的完整排查与解决指南
摘要： Vue前端调用/api/login接口返回404，Nginx代理导致路径变为//login。问题根源是Nginx的proxy_pass路径处理规则：结尾加斜杠会移除/api但产生双斜杠，不加斜杠则保留/api导致后端404。 解决方案： 使用rewrite显式剥离/api前缀： rewrite ^/api/(.*)$ /$1 break; proxy_pass结尾不加斜杠： proxy_pass http://example.com:3000; 重建容器时禁用缓存（--no-cache）。 核心经验
2025-11-04 22:34:33
1317
原创 新手友好！Debian 服务器后端部署全攻略
本文分享了在Debian服务器上部署Java和Nest后端项目的完整流程。首先介绍了必备准备工作，重点强调了防火墙和安全组配置的重要性。随后分别详细说明了Java项目JAR包的部署方法(使用nohup保持后台运行)和Nest项目的PM2管理方式(包括安装依赖和常用PM2命令)。最后提供了服务验证方法，建议通过ping测试、端口访问和浏览器测试确认部署成功。全文采用新手友好的语言风格，包含实用命令和常见问题解决方法，帮助开发者顺利完成服务器端项目部署。
2025-11-03 16:48:33
358
原创 基于 Debian 服务器的前端项目部署完整教程
本文详细介绍了在Debian服务器上部署Vue/React前端项目的完整流程。首先确保Nginx和UFW防火墙已正确配置，本地项目需通过npm run build生成dist/build静态文件。服务器端创建专用目录/var/www/your-frontend并上传打包文件，通过SCP或FTP工具传输。重点配置Nginx站点规则，包括端口监听、静态资源缓存和单页应用路由处理，可选配置反向代理解决跨域问题。最后验证访问并解决常见问题如403错误、页面刷新404等。整个流程涵盖从本地打包到线上部署的关键环节，提
2025-11-03 16:47:42
456
原创 【保姆级教程】Debian 服务器 MariaDB/Mysql 配置 Windows 远程连接全流程
本文详细介绍如何在Windows端远程连接Debian服务器上的MariaDB数据库。主要内容包括：创建远程访问专用账号（区分安全方案和测试方案），修改MariaDB配置允许远程连接，配置服务器防火墙开放3306端口，设置云服务器安全组规则，以及使用Navicat客户端进行连接的具体步骤。文章提供完整操作命令和详细注释，并包含常见问题排查方法和MariaDB安装指引，帮助用户实现安全可靠的远程数据库管理。关键点在于正确配置账号权限、网络访问控制和安全组规则，确保连接可用性的同时兼顾安全性。
2025-11-03 16:46:22
1286
原创 Debian 服务器环境搭建全指南：从工具选型到项目部署实战
本文详细介绍了在Debian系统上搭建全栈项目服务器环境的完整流程。首先进行系统基础配置，包括系统更新和防火墙设置，筑牢安全防线。其次安装核心工具：选择MariaDB作为关系型数据库，Nginx作为Web服务器和反向代理，Redis用于缓存，JDK17运行Java应用，NVM管理Node.js版本。重点讲解了PM2进程管理工具，通过NestJS项目实例演示如何实现服务后台运行、崩溃自动重启等关键功能。整个流程涵盖全栈项目所需组件，提供选型理由和实战示例，帮助开发者快速搭建安全稳定的生产环境。
2025-11-03 16:45:18
1112
原创 VSCode插件开发实战：从零到发布的技术大纲
本文详细介绍了VSCode插件开发的完整流程和技术要点。首先讲解了开发环境搭建，包括Node.js、VSCode等工具的安装，以及使用Yeoman生成器创建插件项目的方法。接着阐述了VSCode插件的核心概念和生命周期，包括Extension Host进程、激活事件和主入口文件的实现。文章重点介绍了常用的VSCode API开发实践，包括命令注册、状态栏控制、Webview自定义UI开发、语言功能增强以及文件系统操作等关键技术。最后还涵盖了用户交互设计的实现方法，如快速输入和信息提示等界面元素的使用。
2025-10-31 23:22:53
1035
原创 Cesium地图弹框实现方案演进：从组件化到动态挂载的技术探索
地图弹框实现方案演进 方案演进过程 从最初纯Vue组件化方案到最终动态挂载方案的技术探索： 传统Vue组件方案 组件化实现，代码清晰 与项目架构不兼容 DOM层级问题导致无法使用 原生JS+HTML字符串方案 直接操作DOM绕过Vue限制 实现简单但维护性差 全局函数污染严重 动态组件挂载方案 使用Vue.createApp动态创建实例 完美结合Vue特性与DOM操作 解决架构限制同时保持可维护性 最终采用动态挂载方案，实现了： ✅ 弹框精准定位 ✅ 完整Vue生态支持 ✅ 不修改原有架构 ✅ 良好维护性
2025-10-31 23:12:10
551
原创 AI编程工具的体验与分享，在AI时代，如何选择更适合自己的编译器来帮助自己进行开发
主流AI编程工具评测与选择指南 当前AI编程工具主要分为专业AI IDE（如Cursor、Windsurf）和传统编辑器+AI插件（如VS Code+Copilot）两类。Cursor提供顶尖编码能力但额度有限；Windsurf是性价比更高的替代方案；VS Code适合追求灵活性的开发者；Kiro专注Claude模型极简体验；Qoder和Comate提供本土化适配；Lingma是完全免费的入门选择。选择时需综合考虑功能、模型性能、易用性、成本和个人习惯，没有绝对最优，只有最适合。
2025-10-29 22:30:52
1784
原创 Web Worker：释放前端性能的“后台线程”技术
Web Worker 是一种浏览器技术，允许在后台线程中执行耗时任务，避免阻塞主线程导致页面卡顿。它分为专用 Worker（一对一通信）和共享 Worker（多线程共享），适用于计算密集型任务、大文件解析等场景。Worker 无法访问 DOM，需通过 postMessage 通信，主线程可随时终止 Worker。共享 Worker 需要端口通信，适合多标签页数据同步。合理使用 Web Worker 能显著提升前端应用性能和用户体验。
2025-10-08 20:15:54
719
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人