OpenReplay 博客
如何在原生 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。
Claude Code 中用于复杂任务的计划模式
Claude Code 的 Plan Mode 解析：工作原理、4种启用方式、只读限制、协作流程，以及何时在简单修改中跳过它。
使用 TanStack Table 构建数据表格
使用 TanStack Table 构建数据网格，涵盖排序、筛选、分页和虚拟化，并修复常见的记忆化和无限重渲染问题。
为 React 应用添加国际化支持
使用 react-i18next 为 React 配置国际化：插值、复数、RTL 布局、本地格式化和 Next.js SSR。
Motion vs GSAP：你需要同时使用两者吗？
React 中 Motion vs GSAP 对比：讲清声明式动画、滚动时间轴、许可、性能，以及何时需要两者一起用。
如何在 React 中使用 Local Storage 持久化状态
使用可复用的 hook 将 React 状态持久化到 localStorage：useState 懒加载初始化、JSON try/catch、SSR 保护和跨标签同步。
理解 CIDR 表示法与 IP 地址范围
解析CIDR表示法、IP范围与IPv4/IPv6子网计算。了解如何读取前缀、规划网络，并避免重叠和开放规则。
使用 contentEditable 实现浏览器内编辑
浏览器中的 contenteditable 编辑：启用行内文本编辑，捕获 input 事件，处理 execCommand 限制，并防止 XSS。
每位前端开发者都应了解的 5 个 JavaScript API
面向前端开发者的5个原生 JavaScript API：IntersectionObserver、ResizeObserver、AbortController、Clipboard API 和 View Transitions。
如何修复 'ERR_TOO_MANY_REDIRECTS'
通过诊断优先指南修复ERR_TOO_MANY_REDIRECTS，排查重定向循环、HTTP到HTTPS不匹配、Cloudflare SSL和代理设置。
使用 AI 智能体自动化重复性项目任务
使用 Claude Code skills 自动化重复的项目任务，记录 setup 和 deploy 流程，并让团队工作流保持可版本化且可靠。
在 Storybook 中测试 API 驱动的组件
在 Storybook 10 中使用 MSW 测试 API 驱动组件的加载、错误、空状态和成功状态，并将故事转为组件测试。
常见 CSS 简写属性
CSS 简写速查：margin、padding、border、font、background 和 flex 的重置规则、值顺序及常见静默错误。
在浏览器中使用 Geometric.js 进行真实几何运算
Geometric.js 为浏览器图表和地图提供多边形相交、边界框、点在多边形内测试和路径插值，适用于 SVG 与 Canvas。
3种非TypeScript的类型系统
比较 JSDoc + @ts-check、ReScript 和 Flow 作为 JavaScript 的 TypeScript 替代方案，涵盖类型安全、构建步骤和采用现状。
MDN 现已成为 MCP 服务器
MDN 的 MCP 服务器让 AI 编码代理直接获取搜索、文档和浏览器兼容性数据，并介绍安装步骤与隐私注意事项。
bunx 是什么以及何时使用它
bunx 详解：Bun 如何无需全局安装运行 npm 二进制文件，何时使用 --bun，以及何时仍该选 npx。