OpenReplay 博客
使用 Node.js 构建终端界面
使用 Ink、neo-blessed 及 raw mode 原语构建 Node.js 终端界面,实现支持键盘交互的 CLI 仪表盘与实时数据展示。
测试中的时间处理:异步和延迟的可靠模式
使用 fake timer 模式修复 Jest、Vitest、React Testing Library、Playwright 和 Cypress 中因计时器与异步时序引发的不稳定测试问题。
每个开发者都应该掌握的 10 个 Git 命令
介绍十个核心 Git 命令,包括 git switch、git restore 和 git reflog,帮助开发者自信地管理日常工作流。
使用 Cron 作业自动化重复任务
介绍使用正确语法、绝对路径、日志记录及防重叠机制调度 cron 作业脚本,并涵盖 systemd timers 与 Kubernetes CronJobs 的使用指南。
Next.js 中的智能缓存:部分渲染与可复用组件
当服务端组件自主管理缓存策略时,Next.js App Router 的 Data Cache、Full Route Cache 与 Partial Prerendering 行为将更具可预测性。
GitHub Actions 调试技巧与窍门
通过启用调试日志、使用 actionlint 验证工作流、借助 nektos/act 在本地测试以及正确限定制品范围,可修复失败的 CI/CD 流水线。
JavaScript 陷阱:你会反复遇到的五个问题
通过识别破坏生产代码的常见模式,避免类型强制转换,this 绑定,变量提升,异步误用及意外数据变更等 JavaScript 陷阱。
使用 WASM 运行高性能代码
WebAssembly 3.0 引入了 GC、线程、Memory64 和 SIMD 支持,介绍如何组织 WASM 模块以优化前端计算热点的性能。
比较 Electron 和 Tauri 在桌面应用开发中的选择
从性能、安全性和打包体积三个维度对比 Electron 与 Tauri,为跨平台桌面应用项目选择合适的框架提供参考。
认识驱动 Web 的 JavaScript 引擎
对比 V8、SpiderMonkey、JavaScriptCore 与 Hermes,探究 JavaScript 引擎在各浏览器及运行时中解析、编译和优化代码的方式。
Web 开发者必备的 5 大图片占位符服务
对比五款基于 CDN 的图片占位符服务,包括 Placehold.co、Lorem Picsum 和 DiceBear,助力选择适合现代前端工作流的工具。
开发者 SSL 证书指南
介绍 TLS 证书、ACME 自动化及 Let's Encrypt 的核心原理,帮助开发者实现证书自动续期,避免生产 API 因证书问题导致服务中断。
修复 '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 支持。