OpenReplay 博客
Remix 3 中的数据加载机制详解
了解 Remix 3 如何用控制器操作取代 loader 加载数据，以及路由、流式 Frame、等待状态、请求取消和错误处理的运作方式。
如何为 Flutter 应用添加应用内购买
使用 in_app_purchase 插件为 Flutter 应用添加应用内购买。配置 Apple 和 Google 商店、验证交易、恢复购买，并安全测试。
如何校验你的 llms.txt 文件
使用零依赖 Node.js 脚本验证 llms.txt 中的链接、软件包名称与版本及 Markdown 结构，并在 CI 中自动运行检查。
无需 JavaScript，在滚动时触发 CSS 动画
无需JavaScript即可创建滚动触发的CSS动画。了解语法、触发行为、滚动边界设置，以及使用IntersectionObserver的备用方案。
无需发送邮件即可验证电子邮件地址
了解浏览器邮件验证如何在不发送邮件的情况下确认邮箱控制权，涵盖表单设置、Node.js 五步令牌验证及试用限制。
Uppy 6.0 与可恢复文件上传
使用Uppy和Tus设置可续传文件上传，了解Uppy 6.0中S3签名与core包的变化，并查看从5.x升级的关键步骤。
最佳在线代码编辑器
比较 CodePen、StackBlitz、CodeSandbox、Replit 和 Bolt，了解各编辑器的运行能力、GitHub 导入方式，以及如何避免受平台限制。
如何创建 WordPress 子主题
创建WordPress子主题，让自定义内容在父主题更新后得以保留。了解经典主题与区块主题的设置、样式加载、模板覆盖，以及何时应改用插件。
用自动化检查减轻代码评审负担
使用 OpenAPI、dependency-cruiser 和 Stryker 变异测试自动化代码审查。配置 CI 检查，捕获机械性缺陷并减轻审查负担。
为什么你的 z-index 不起作用
使用开发者工具排查 z-index 失效问题，定位限制元素的层叠上下文祖先，并修复模态框、下拉菜单和粘性页眉的层级。
WebMCP 与 MCP：有何区别
从运行环境、身份、生命周期和发现方式比较WebMCP与MCP，了解各自的适用场景、浏览器会话的影响及WebMCP的实验状态。
使用 base-select 为下拉选择框设置样式
使用appearance: base-select通过CSS美化原生select下拉菜单，了解弹出列表、选项、图标、无障碍支持、浏览器兼容性与限制。
如何在没有 Mac 的情况下构建 iOS 应用
介绍如何通过 Expo EAS、租用云端 Mac 或 CI，在没有 Mac 的情况下构建并发布 iOS 应用，并比较费用、签名和 iPhone 测试方式。
使用 Rslib 发布 JavaScript 库
使用Rslib发布JavaScript库：配置ESM和CJS构建、生成TypeScript声明文件、打包组件样式，并在CI中检查包配置错误。
找出拖慢 ESLint 检查速度的规则
使用TIMING=1和Config Inspector找出耗时的ESLint规则。比较类型感知规则、定位高开销插件，并调整配置以加快代码检查。
现在应该升级到 TypeScript 7 吗？
现在该升级到 TypeScript 7 吗？比较编译器速度、破坏性变更和工具兼容性，选择适合项目的安全迁移方案。
在浏览器中借助 AI 为视频添加字幕
使用Transformers.js和Whisper在浏览器中生成视频字幕。提取音频，通过WebGPU或WASM处理并创建WebVTT字幕，媒体文件无需上传。
ArkType：比 Zod 更快的替代方案
比较ArkType与Zod的语法、类型推断、验证速度和API响应处理，了解何时适合采用ArkType，何时应继续使用Zod。
如何在单页应用中处理 3D Secure
了解如何在使用 Stripe 的单页应用中处理 3D Secure：保存结账状态、重建返回路由，并在服务器端验证 PaymentIntent。
WordPress theme.json 文件包含哪些内容
了解WordPress theme.json文件的内容、settings和styles如何生成CSS变量，以及预设、自定义CSS和子主题的工作方式。
如何修复 CSS 中文字上下多余的空白
使用 CSS text-box-trim 消除文字上下的多余空白，了解字体度量和 line-height 如何产生间隙、如何选择 text-box-edge，并为旧版浏览器添加回退方案。
如何削减 AI 编程智能体的 Token 用量
减少 AI 编程代理的令牌用量：限制文件访问、编写简洁的项目指令、先规划再编码，并及时开启新会话。
Waku：脱离 Next.js 使用 React 服务端组件
Waku 是一款轻量级 React 框架，无需 Next.js 即可使用 React Server Components。通过示例应用了解路由、渲染模式与部署。
使用 git bisect 定位问题提交
使用 git bisect 定位导致回归的提交。选择可靠的基准版本，自动运行测试，处理不稳定结果与跳过项，并验证问题提交。