OpenReplay 博客
修复 WordPress 白屏死机(White Screen of Death)
通过debug.log、内存检查、重命名插件和主题文件夹,以及在数据库中停用插件,修复WordPress白屏死机。
shadcn/ui 已从 Radix 切换到 Base UI
shadcn/ui 将新项目默认从 Radix 切换到 Base UI。了解变化内容、哪些项目无需迁移,以及迁移的真实成本。
服务端处理图片上传
Node 图片上传安全:在内存中校验文件签名,限制上传大小,用 sharp 重新编码,并安全地提供文件。
如何用 MP4 视频替换动画 GIF
将动画 GIF 替换为 MP4 或 WebM 视频,使用 autoplay muted loop playsinline 标记,并提供 ffmpeg 转换和 LCP 提示。
OpenCode 与 Claude Code:该选哪一个
OpenCode vs Claude Code:比较价格、模型支持、扩展性,以及哪种工具更适合你的编码工作流。
优雅关闭 Node 服务器
Node 的优雅关闭与 SIGTERM:切换 readiness,用 server.close 完成请求,按顺序关闭资源,避免发布时出现 502。
使用 git history 修复旧提交
Git 2.55 的 git history 可用 fixup、reword 或 split 重写旧提交,更新堆叠分支,并通过 dry-run 安全预览。
OpenTUI 是 Ink 的真正替代品吗?
对比 OpenTUI 和 Ink:了解终端 UI 性能、运行时限制、内置组件及迁移成本,适用于流式应用和 CLI 工具。
使用 Web Locks API 修复 Token 刷新竞态
使用 Web Locks API、navigator.locks.request 和令牌重检查,解决标签页间的令牌刷新竞态并防止登出。
在浏览器中通过 OPFS 运行 SQLite
在浏览器中使用SQLite与OPFS:配置Worker,选择opfs或opfs-sahpool,并避免静默回退到内存数据库。
无需 JavaScript 即可控制 Web 组件
使用自定义 invoker commands 仅靠 HTML 控制 Web 组件。了解 command 和 commandfor 如何在无需 JavaScript 的情况下连接按钮与自定义元素。
如何修复 SPA 部署后出现的 Cannot GET 错误
通过 Nginx、Apache、Netlify、Vercel 和 S3 CloudFront 的服务器重写,修复部署后 SPA 的 Cannot GET 和 404 错误。
别让标题在错误的位置换行
用合适的 CSS 和 HTML 修复标题断行和长 URL:nbsp、wbr、overflow-wrap:anywhere、word-break:break-all、hyphens:auto、text-wrap。
用 Node 内置测试运行器替代 Jest
对比 Node test runner 与 Jest:稳定功能、watch mode、snapshot、fake timers、coverage、TypeScript 支持,以及迁移时的限制。
用状态机构建一个测验应用
使用 React 和 XState v5 构建测验应用。将四个界面建模为状态机,替换布尔标志,并守护最终结果状态。
幂等性详解及其对 API 的意义
解释幂等键:防止重复 API 请求,修复竞态条件,并通过原子性占用和事务安全重试 POST。
修复服务端渲染应用中的 “window is not defined” 错误
通过挂载钩子、typeof window 检查和仅客户端导入,修复服务端渲染应用中的 window is not defined 错误。
面向 Web 开发者的提示注入(Prompt Injection)详解
面向Web开发者的提示词注入解析:为什么没有提示层修复,以及如何限制间接攻击、不可信输出和工具风险。
初探 Gea:一个编译器优先的 UI 框架
Gea 是一个以编译器为先的 JavaScript UI 框架,使用 JSX、类 store 和直接 DOM 补丁。文章分析其 props 模型、体积和成熟度。
从零开始编写 WordPress 插件
从零构建 WordPress 插件,涵盖钩子、启用和停用钩子、设置页、数据清理、转义以及安全保存。
如何修复 React 中的 Invalid Hook Call 错误
通过检查堆栈、Rules of Hooks、重复的 React 副本和 react-dom 版本不匹配,修复 React invalid hook call 错误。
在 AI 编码 Agent 中使用 Git Worktrees
使用 git worktrees 配合 AI 编码代理,隔离分支、避免文件冲突,并安全管理端口、数据库和合并。
Git Worktree 详解:何时使用、为何使用
解析 Git worktree:与 stash 和第二个克隆的区别、适用场景,以及管理它们的常用命令。
不稳定网络下的 3 种 SSH 替代方案
比较 Mosh、Eternal Terminal 和 autossh 处理不稳定 SSH 连接:UDP、TCP 重新连接、服务器需求以及 tmux 搭配。