OpenReplay 博客
修复 'Unexpected token < in JSON at position 0' 错误
介绍如何修复 JSON 解析时出现 unexpected token < 的错误,涵盖 fetch 和 Next.js API 因错误 URL、认证重定向或服务器错误返回 HTML 响应的常见原因。
使用 HTTP Toolkit 检查 HTTPS 请求
HTTP Toolkit 通过中间人代理拦截 HTTPS 流量,可获取浏览器、移动应用及桌面应用的真实请求与响应数据。
Vercel 的三个现代 Web 托管替代方案
对比 Netlify、Cloudflare Pages 和 Fly.io 作为 Vercel 的替代方案,为现代 Web 项目选择合适的边缘托管平台。
React 中的轻量级 Tooltip 实现方法
对比原生 title、纯 CSS 方案、自定义 Hook 与 Floating UI,构建支持碰撞检测且包体积轻量的无障碍 React Tooltip。
JavaScript 中 NaN 的奇特行为
JavaScript 中的 NaN 遵循 IEEE 754 规范,可能引发静默错误,应使用 Number.isNaN 检测,并在 JSON 序列化前校验输入。
如何将测试从 Enzyme 迁移到 React Testing Library
通过重构模式、无障碍查询及异步处理,将测试从 Enzyme 迁移至 React Testing Library,专注于组件行为测试。
五个提升代码质量的 ESLint 插件
介绍五个 ESLint 插件,涵盖 typescript-eslint、eslint-plugin-import、unicorn、jsx-a11y 及 CSS linting,帮助团队在上线前捕获真实缺陷。
Docker 镜像和容器入门指南
涵盖 Docker 镜像与容器基础知识,包括编写 Dockerfile、管理数据卷,以及使用 Docker Compose 运行多容器前端项目。
如何在 JavaScript 中创建自定义错误
使用 class 语法、Error.cause 和结构化字段构建自定义 JavaScript 错误类,便于在异步应用流程中识别和调试故障。
使用更好的编程字体自定义你的编辑器
对比 Fira Code、JetBrains Mono、Cascadia Code 与 Monaspace,并介绍在 VS Code 和 JetBrains IDEs 中配置连字与 Nerd Fonts 的方式。
修复 JavaScript 中的 'TypeError: Cannot Read Property of Undefined' 错误
介绍可选链、空值合并运算符及 React 状态初始化,修复 JavaScript 中 TypeError cannot read property of undefined 运行时错误。
如何使用 BetterAuth 添加社交登录
介绍如何在 TypeScript 应用中使用 BetterAuth 添加社交登录,配置 Google 和 GitHub 提供商,并通过 Generic OAuth 插件扩展 OAuth2 支持。
JavaScript 对象 101:代码的基础构建块
深入理解 JavaScript 对象、原型链及 Object.groupBy、Object.hasOwn 等现代方法,有助于编写高效且易维护的代码。
常见的 JSX 错误及其避免方法
针对 React Server Components 和自动运行时中的常见 JSX 错误,介绍如何修复不稳定的 key、内联函数以及条件渲染异常等问题。
五个可替代 npm 包的 Node.js 内置 API
五个 Node.js 内置 API 可分别替代 axios、Jest、rimraf、uuid 和 ws 包,在保留完整功能的同时减少现代项目的依赖数量。
如何在 Angular 中有效管理状态
基于状态作用域与实际应用需求,对比 Angular Signals、RxJS 服务、NgRx 和 SignalStore,提供状态管理方案的选型框架。
理解数据库索引以提升性能
深入理解B-tree索引,复合索引与覆盖索引在PostgreSQL和MySQL中的应用,同时避免过度索引带来的性能陷阱。
Cloudflare Workers 初学者指南
基于 Cloudflare Workers 构建全栈应用,涵盖 D1 数据库、Hyperdrive 连接、静态资源及 Node.js 兼容性,运行于边缘节点。
蜜罐字段 101:无需 CAPTCHA 即可阻止机器人
蜜罐字段通过隐藏输入框捕获机器人,无需 CAPTCHA 即可拦截表单垃圾提交,配合服务端验证与速率限制可实现全面防护。
Nuxt.js 入门指南
使用 Vue 3、Vite、TypeScript 和 Nitro 构建 Nuxt 4 应用,涵盖文件路由、SSR、composables 及多种部署选项。
normalize.css:一种简单的样式一致性解决方案
normalize.css 可在不清除默认样式的前提下,为各浏览器建立一致的 CSS 基准线,并支持通过 CSS layers 实现干净的层叠控制。
如何为您的网站添加 Favicon
组合 SVG、PNG、Apple Touch Icon 及 web manifest 图标,构建现代 favicon 方案,使网站在各浏览器和设备上正确显示。
理解 HTML 中的无障碍角色
HTML 中的无障碍角色可告知辅助技术各元素的语义,涵盖 ARIA 角色、语义化 HTML 的应用,以及借助 NVDA 或 VoiceOver 进行测试的方法。
何时运行你的代码:页面加载事件详解
对比 DOMContentLoaded、load 事件、Page Visibility API 与 React useEffect,帮助选择适合项目的 JavaScript 初始化钩子。