OpenReplay 博客
如何统计 Token 数量并估算 LLM API 成本
使用 OpenAI、Claude、Gemini 和 Llama 的 tokenizer 精确计算 LLM token，并估算 API 成本、上下文窗口和计费。
ECMAScript 2026 新特性一览
ES2026 为 JavaScript 增加七项新功能：Array.fromAsync、Math.sumPrecise、Uint8Array 的 base64 和 hex 方法、JSON.parse 源文本访问，以及 getOrInsert。
如何检查 WCAG 的颜色对比度
了解如何用合适的工具和标准检查WCAG颜色对比度，涵盖文本、UI组件、焦点指示和链接。
如何在上传前生成图片缩略图
上传前创建图片缩略图：FileReader 预览、Canvas toBlob 缩放、FormData 上传和 multer 字段匹配。
VuePress 与 VitePress：该选哪一个？
VuePress 与 VitePress 的 Vue 文档对比：维护状态、开发速度、自定义能力，以及何时选择 VitePress 或 Docusaurus。
ORM 何时是错误的工具
当 ORM 成为瓶颈时，可用原生 SQL 处理 N+1 查询、窗口函数、CTE、批量写入和安全的参数化。
如何为 Vue 应用添加视频播放功能
为Vue应用添加视频播放：原生HTML5 video、可复用组件或Video.js，支持HLS、字幕、自动播放和清理。
超越 commit 和 push 的 5 个 Git 命令
超越 commit 和 push 的 5 个 Git 命令：stash、reflog、cherry-pick、rebase -i 和 bisect，用于恢复、整理历史和查找 bug。
如何创建阅读进度条
使用 JavaScript 或 CSS 滚动驱动动画创建阅读进度条，涵盖正确的滚动计算、性能优化和无障碍处理。
在开发环境中用命名 URL 取代端口号
使用 .localhost、反向代理或 portless 将 localhost 端口替换为命名 URL，避免端口冲突、Cookie 串扰和标签页弄错。
使用 preact/compat 在 Preact 中运行 React 库
使用 preact/compat 在 Preact 中运行 React 库，并提供 Vite、webpack、Rollup、Jest、TypeScript 的 alias 配置及常见故障说明。
Deno 权限模型详解
Deno 权限模型解析：allow 与 deny 标志、作用范围、deno.json 权限集、Permissions API，以及常见安全陷阱。
使用 ESLint 对 TypeScript 进行 Lint 检查
TypeScript 的 ESLint 10 flat config：用 typescript-eslint 配置，开启 projectService 类型感知 lint，并正确接入 Prettier。
深入解析 JavaScript 的 Error.isError()
Error.isError() 可跨 realm 判断真实的 JavaScript 错误，解释它为何优于 instanceof Error，并介绍安全回退用法。
如何修复 React 中的 “Maximum Update Depth Exceeded”
通过一行修复解决 React 的 maximum update depth exceeded 错误，涵盖渲染循环、effect 依赖、处理器和节流。
深入理解 N+1 查询问题
解析N+1查询问题，涵盖Rails、Django、Hibernate和Laravel的解决方案，以及eager loading、JOIN和检测方法。
面向开发者的屏幕录制工具
比较开发者屏幕录制工具：Loom、OBS、Screen Studio、CleanShot X 和 SDK，用于快速分享、精致演示和应用内录制。
在 Svelte 中创建 Toast 通知
用 writable store 或 svelte-sonner 在 Svelte 中创建 toast 通知，并涵盖 Svelte 5 语法、无障碍和自动关闭。
使用 History API 构建客户端路由
构建原生 History API 路由器，涵盖 pushState、popstate、动态参数、SEO 友好 URL，以及刷新 404 和 XSS 防护。
Linux 网络必备命令
Linux 网络命令指南，涵盖接口、路由、DNS、端口和排障，使用 ip、ss、dig、ping、traceroute、tcpdump。
如何在 WordPress 中定时发布文章
在WordPress中安排文章，修复Missed Schedule，并用真实服务器cron设置WP-Cron，确保帖子按时发布。
面向 LLM 结构化输出的 JSON Schema
JSON Schema结构化输出解析：OpenAI、Gemini和Claude如何强制有效模式输出，并附设置要点与常见陷阱。
JavaScript Oxidation Compiler(Oxc)一览
Oxc解析：基于Rust的JavaScript和TypeScript工具，包括Oxlint、Oxfmt、transformer、minifier，以及与ESLint、Prettier、SWC和Biome的比较。
JavaScript 中的方法链：优点与缺点
JavaScript方法链：了解其工作原理、何时提升可读性，以及长链何时会影响调试、异步流程和性能。