OpenReplay 博客
如何创建阅读进度条
使用 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方法链：了解其工作原理、何时提升可读性，以及长链何时会影响调试、异步流程和性能。
如何在原生 JavaScript 中实现无限滚动
使用原生 JavaScript 和 Intersection Observer 实现无限滚动，包含哨兵元素、分页、加载防重复以及无障碍备用方案。
UUID v4 与 v7:该选哪一个?
数据库主键选 UUID v4 还是 v7：了解 v7 为何提升插入性能、何时用 v4 保护隐私，以及两者的生成方式。
使用 Git Reflog 恢复丢失的提交
用 git reflog 恢复丢失的 Git 提交：查找孤立提交，撤销 hard reset 和 rebase，并快速还原分支。
通过 JavaScript 示例理解快速排序
JavaScript中的Quicksort，包含易读示例、原地实现、partition过程、pivot选择、时间复杂度与稳定性说明。
上线前必做的 5 项无障碍检查
发布前的5项无障碍检查：键盘Tab顺序、自动扫描、语义化HTML、颜色对比度和200%缩放。
现代 iOS 特性检测（不再痛苦）
实用的 iOS 功能检测：使用 CSS.supports、行为测试，以及仅在 iOS 26 和旧款 iPad 上少量 UA 判断。
如何使用 .htaccess 强制启用 HTTPS
使用 .htaccess 的 Apache 重写规则强制 HTTPS，修复 CDN 或负载均衡后的重定向循环，并设置 www 和 HSTS。
为什么 rel='noopener' 对链接来说已经过时
为何 target=_blank 链接中的 rel=noopener 已过时，什么是反向标签劫持，以及何时仍需 noreferrer、opener 或 COOP。