OpenReplay 博客
用于 Web 性能测试的 Chrome 扩展
对比 Chrome DevTools、React DevTools 与 React Scan、Checkbot 等扩展,分析各自适用的 Web 性能测试场景。
使用 Web Audio API 播放声音
介绍 Web Audio API 的核心工具,包括 AudioContext、AudioBuffer、OscillatorNode 和 AudioWorklet,用于实现音频调度、效果处理与声音合成。
在 CSS 中创建全息效果
借助分层渐变、OKLCH 颜色空间、混合模式与 CSS 动画,构建具有彩虹色泽的全息视觉效果,并在实现过程中保持界面的可访问性与渲染性能。
前端开发者的五个实用渐变资源
五款CSS渐变工具与参考资源,帮助前端开发者利用OKLCH、OKLab及现代色彩插值语法构建感知均匀的渐变效果。
AI PC 对开发者来说有意义吗?
深入权衡 NPU 硬件的实际价值、Copilot+ 要求与 Windows ML 的能力,以及开发者在日常编码工作流中面临的现实局限。
认识 Genkit:Google 的 AI 驱动应用框架
Google Genkit 帮助开发者在 Node.js 后端构建可观测的 AI 工作流,支持类型化输出、结构化提示词及完善的生产环境调试工具。
MongoDB 中的分页模式
对比 MongoDB 的 skip limit 与 keyset 分页模式,分析各自的性能权衡,为不同数据集选择合适的分页方案。
如何使用 Markdown 和 Slidev 编写演示文稿
使用 Slidev 构建基于 Markdown 的演示文稿,结合 Vue 组件、版本控制与 Vite 工具链,并支持导出为 PDF、SPA 或 PPTX 格式。
Node.js 项目的实用 CI 配置
基于 GitHub Actions 为 Node.js 构建 CI 流水线,使用 npm ci、版本矩阵及先代码检查后测试的执行顺序,自动捕获构建失败。
Go 语言为何吸引现代开发者
从快速编译、goroutine、channel、标准库及内置工具链等维度,评估 Go 语言在后端服务生产开发中的实际价值。
Gemma 3n 与小型开发者友好型 LLM 的崛起
对比 Gemma 3n、Phi-3 与 Llama 边缘模型,分析小型端侧 LLM 如何降低延迟、保护用户隐私并减少 API 调用成本。
任务队列详解:工作进程、重试与调度
详解任务队列、后台工作进程、重试策略与 cron 调度的核心原理,助力将耗时任务从主流程中剥离,保持应用响应能力。
React 19 对异步渲染的改变
React 19 的 Actions、useActionState 与 useOptimistic 取代了手动异步状态管理,构建于 React 18 并发渲染基础之上。
2026年值得关注的技术
评估 React Server Components、Vite、Bun 及 AI 编程工具,判断哪些前端技术适合用于下一个生产应用。
2026年网站性能优化决议
通过将INP、Core Web Vitals及第三方脚本审计与真实用户字段数据对齐,而非依赖合成实验室评分,从而提升实际用户体验。
2025年塑造Web的五大前端趋势
五大前端趋势重塑了生产级Web开发,涵盖Baseline、View Transitions、Popover API、CSS锚点定位以及WebGPU的广泛采用。
使用 Intl API 格式化日期和数字
深入讲解 Intl.DateTimeFormat 与 Intl.NumberFormat 的核心概念,涵盖舍入模式、Temporal 类型及范围格式化。
JavaScript 中的单例模式:实用工具还是隐藏陷阱?
ES module 单例在涉及可变状态时,会在 Jest、微前端和 Web Workers 中出现异常行为,本文解析这些问题的成因及规避方法。
代码覆盖率真正告诉你什么
Vitest 与 Jest 中的代码覆盖率指标衡量的是执行情况,而非正确性,高百分比数值容易产生误导,分支覆盖率则能更真实地暴露测试盲区。
选择更好的书签管理器
从同步方式、数据所有权和长期可用性角度对比 Raindrop.io、Pinboard 及 Linkwarden 等自托管书签管理工具,以便做出合适选择。
URLPattern API:以现代方式匹配 URL
URLPattern API 通过具名分组而非正则表达式来匹配和解析 URL,本文介绍其在浏览器、Service Worker 及单页应用路由逻辑中的具体用法。
如何为您的网站添加简单的飘雪效果
基于 canvas 实现飘雪动画效果,支持减弱动态偏好设置,在后台标签页自动暂停,兼顾节日动画的性能与无障碍访问。
使用 JavaScript 构建节日倒计时器
使用 JavaScript 构建节日倒计时器,避免 setInterval 时间漂移,正确处理时区,并在目标日期到达后干净地停止计时。
现代 JavaScript 的 jQuery 替代方案
对比 jQuery 与原生 JavaScript、Cash、Alpine.js 及 React,帮助选择合适工具并移除项目中的冗余依赖。