OpenReplay 博客
如何使用 Fastify 构建 REST API
使用 Fastify v5 和 Prisma 构建 REST API，涵盖 JSON Schema 验证、插件、装饰器、钩子与 TypeBox 类型化，实现 posts 的 CRUD。
当你不需要组件库的时候
为何在2026年，实用类CSS和headless primitives常比完整组件库更合适，并附何时使用的判断清单。
10道JS面试题及其真正考察的内容
用提升、闭包、this、事件循环和类型转换解析10道 JavaScript 面试题，并说明输出结果与考点。
WordPress性能优化：实践指南
按优先级优化WordPress性能：主机与缓存、图片优化、插件管理、CDN压缩，并用真实用户数据验证。
使用 Background Sync 实现离线表单提交
将表单提交存入 IndexedDB，用 Background Sync 和在线回退重放，并通过 Idempotency-Key 防止重复订单。
5个值得现在就收藏的GitHub仓库
面向JavaScript和TypeScript开发者的5个GitHub仓库：Biome、ast-grep、Zod、Tauri和Ollama，涵盖lint、codemod、校验、桌面应用和本地AI。
构建无障碍模态框：原生 `<dialog>` 还是第三方库？
无障碍模态框该用原生<dialog>还是库？涵盖焦点管理、inert 背景、ESC 关闭、滚动锁定，以及何时仍需 focus trap。
使用 eslint-plugin-unicorn 提升 JavaScript 代码质量
适用于 ESLint 10 的 eslint-plugin-unicorn：使用 flat config 安装，选择 recommended 或 unopinionated 预设，并用可自动修复的规则提升 JS 和 TS 质量。
ORM vs 原生 SQL：该如何选择？
ORM 与原生 SQL 对比：比较安全性、速度和控制力，了解 N+1 为何比抽象层更伤性能，并按查询选对工具。
在 YOLO 模式下运行编码智能体而不损毁你的电脑
代码代理的YOLO模式需要分层隔离：devcontainer、microVM、出口控制和安全的 git 工作流。
Node.js 中的事件循环、Worker 线程与并发
解析 Node.js 事件循环、libuv 线程池、worker threads 和 cluster，清晰说明 I/O 与 CPU 密集型并发。
将 React 应用从 Axios 迁移到 Fetch
将 React 应用从 Axios 迁移到 fetch，使用安全封装、错误处理、超时和可直接复制的客户端，避免回归。
使用 Web Components 构建可复用的表单控件
用 Web Components 和 ElementInternals 构建可复用表单控件，实现原生提交、验证、标签、重置和状态恢复。
为新 Web 应用选择身份验证策略
2026年 Web 应用认证怎么选：会话或 JWT、OAuth 2.0/OIDC、passkey 和托管服务，并比较失效、CSRF 与 UX。
打包与分发 Electron 应用
Electron Forge 与 electron-builder 指南：讲解打包、代码签名、公证、自动更新，以及用 GitHub Actions 发布 macOS、Windows、Linux。
LLM 的实际工作原理
LLM如何运作：token、嵌入、Transformer注意力、训练、采样、温度、幻觉，以及ChatGPT为何会出错。
现代 API 的分页模式
面向现代 API，比较 offset、cursor、keyset、page token 和 Relay GraphQL 分页，并附 TypeScript 与 SQL 示例。
为智能体编程配置远程服务器
用 Tailscale、tmux、mosh 和 systemd 在远程主机上搭建 Claude Code，并涵盖 SSH 密钥、密钥管理和私有访问安全。
AI时代的tmux开发者指南
面向AI编码代理的 tmux 指南：会话、窗格、最小配置、tmux-resurrect，以及何时在 SSH 工作流中优于 Zellij 或 Warp。
WebSocket 身份认证详解
WebSocket 认证方法解析：URL token、Cookie、子协议和首条消息认证，并涵盖令牌续期、吊销与逐消息授权。
JPEG XL vs AVIF：你该选择哪种格式？
2026年网页交付选 JPEG XL 还是 AVIF：对比压缩率、浏览器支持、编码成本，以及何时应发布 AVIF 或 JXL。
现代 React 应用背后的库生态
2026年现代 React 技术栈指南：Next.js、TanStack Query、Zustand、Tailwind v4、shadcn/ui、React Hook Form、Motion 及 RSC 兼容选择。
TanStack 生态系统实战指南
TanStack 生态指南：解析 Query、Router、Table、Form、Virtual、Store、Start、DB 和 AI 的用途、成熟度及协作方式。
使用 Inert 属性管理焦点与交互性
使用 inert 属性隔离模态框、抽屉和加载遮罩，阻止焦点、点击以及对可访问性树的访问。