OpenReplay 博客
Node.js 中的现代文件处理
Node.js现代文件处理：fs/promises、流、文件句柄、错误代码、并发处理和路径穿越防护。
使用视觉回归测试捕获 UI 缺陷
使用 Playwright 和 Vitest 的视觉回归测试可发现单元测试与 E2E 测试漏掉的 UI bug，并讲解 baseline、抖动控制和 CI 设置。
为什么不应该用正则表达式验证电子邮件地址
解析邮箱正则为何失败：它会拒绝有效地址、接受不可投递地址，还可能引发 ReDoS。更好的做法是用 HTML5 email 输入或库。
Svelte 5 中基于 Runes 的状态管理
Svelte 5 使用 runes 的状态管理：用 $state、$derived 和 $effect 共享组件状态，并避免 SvelteKit 中的 SSR 泄漏。
客户端授权与服务端授权：为何两者缺一不可
React和Next.js中的客户端与服务器端授权：在服务器强制权限，客户端只做UX，避免403权限偏差。
如何使用 AdonisJS 构建 CRUD API
使用 AdonisJS v7 构建 CRUD API：posts 路由、Lucid 模型、VineJS 验证，以及用 curl 测试的 JSON 响应。
JavaScript 新 Set 方法实用指南
JavaScript 新 Set 方法详解：union、intersection、difference、symmetricDifference 和子集检查，并说明 Map 支持与浏览器兼容性。
标签模板字面量：在 JavaScript 中构建迷你 DSL
JavaScript 标签模板字面量详解：cooked 与 raw 字符串、WeakMap 缓存、安全 HTML、SQL 参数化和迷你 DSL 示例。
LLM Harness：为何封装层比模型本身更重要
LLM代理的成败不只取决于模型，关键在于 harness。编排、工具、上下文与验证决定 AI 功能表现。
使用 WebCodecs API 实现实时视频处理
使用MediaStreamTrackProcessor、TransformStream和VideoTrackGenerator进行WebCodecs视频处理，并讲解frame.close、backpressure、worker和浏览器支持。
5件不需要React的事
五种浏览器原生 API 可替代常见 React 组件：dialog、Popover、Custom Elements、container queries 和 View Transitions。
如何将 Bun 应用容器化
使用适合生产的 Dockerfile、.dockerignore、0.0.0.0 绑定、健康检查、Compose 和 SIGTERM 优雅退出来 Dockerize Bun 应用。
2026年还有人在使用Polyfill吗？
2026年还需要 polyfill 吗？检查 core-js、Browserslist 和 Babel，移除冗余负载，保留 Temporal，并弃用 polyfill.io。
深入理解 TypeScript 中的 infer
TypeScript 的 infer 详解：条件类型如何提取返回值、数组元素、元组、模板字面量和内置 Awaited。
使用 Web Serial API 能做的那些酷事
Web Serial API 示例涵盖串口监视器、固件刷写、G-code 传输、遥测仪表盘、显示控制器和设备配置界面。
如何在浏览器中创建可下载文件
使用 Blob、对象 URL 和 download 链接创建浏览器下载，并处理跨域文件、CSV BOM、iOS Safari 以及大文件流式导出。
使用 @property 处理带类型的 CSS 变量
使用 @property 的类型化 CSS 变量：验证自定义属性，平滑动画数值，并了解静默回退、语法与浏览器支持。
探索 Ladybird：非 Chromium 浏览器项目
Ladybird是从零开发、非Chromium的浏览器引擎：涵盖架构、Rust迁移、WPT进展和2026年alpha路线图。
CSS 中 !important 的实际应用场景
现代 CSS 中 !important 的实用场景：reduced-motion 无障碍、覆盖第三方样式、工具类和级联问题排查。
为何 Remix 3 专为 AI 编程智能体而设计
Remix 3与AI编程代理：解析框架为何内置agent skills、清晰API结构和运行时优先设计，以提升LLM代码生成效果。
每位开发者都应了解的5款版本管理工具
比较 nvm、pyenv、rustup、mise 和 SDKMAN!，掌握版本管理、项目锁定、CI 一致性，以及各运行时的合适工具。
使用 DevTools 调试卡顿的 CSS 动画
使用 Chrome DevTools 的 Rendering、Performance、Animations 和 Layers 面板排查 CSS 动画卡顿，定位掉帧原因。
渐进式Web应用的本地优先架构
面向PWA的local-first架构：了解Service Worker、IndexedDB或SQLite与同步引擎如何让数据离线可用、一致且归用户所有。
使用 npq 自动化 npm 包安全检查
使用 npq 在安装前自动检查 npm 包安全性，涵盖 pre-commit 钩子、npm 别名、pnpm 支持和启发式审计。