OpenReplay 博客
Git Stash 完全指南
Git stash命令、pop与apply区别、冲突处理、未跟踪文件,以及无需提交即可保存和恢复工作的最佳做法。
使用 Node Corepack 管理包管理器
Node Corepack 介绍如何固定 Yarn 和 pnpm 的包管理器版本,并说明 Node.js 25 变化、CI 配置、Docker 和离线使用。
使用 CSS scroll-behavior 实现平滑滚动
使用CSS的scroll-behavior: smooth实现锚点平滑滚动,借助scroll-margin-top避免固定头部遮挡,并兼顾无障碍体验。
如何重置 WordPress 管理员密码
通过仪表盘、忘记密码链接、WP-CLI或phpMyAdmin重置WordPress管理员密码,并了解恢复后安全检查步骤。
设计令牌(Design Tokens)简明入门
了解设计令牌的含义、原始令牌与语义令牌的区别,以及 CSS 变量和 Style Dictionary 的作用。
Svelte 开发最佳实践
Svelte 5 实用规范:$state、$derived、context 和 SvelteKit 数据加载,以及 keyed each 和现代语法的要点。
使用 PlanetScale 构建可扩展的 MySQL 数据库
PlanetScale用于可扩展MySQL数据库:基于Vitess的扩展、数据库分支、deploy request和无阻塞模式迁移。
如何修复 npm 中的 EACCES:Permission Denied 错误
在 macOS 和 Linux 上修复 npm EACCES permission denied,可用 nvm、用户拥有的全局 prefix 或 npx,避免 sudo。
在 Node.js 中跨异步调用保持上下文
使用 AsyncLocalStorage 在 Node.js 异步调用中保持请求 ID、用户 ID 和租户数据。了解 run() 与 getStore() 的用法。
Vike:Next.js 与 Nuxt 的替代方案
对比 Vike、Next.js 和 Nuxt,了解这款基于 Vite 的元框架如何支持 SSR、SSG、SPA 及灵活部署。
将 Express 应用迁移到 Hono 的实用建议
将 Express 应用迁移到 Hono?了解路由、middleware、请求体解析、错误处理和渐进式迁移的关键差异。
使用 CSS 变量构建主题切换器
用 CSS 变量、data-theme、prefers-color-scheme 和 localStorage 构建主题切换,并避免加载时错误主题闪烁。
JavaScript 有没有自己的 Rails?
JavaScript 有 Rails 吗?对比 AdonisJS、Wasp、Next.js 和 Sails.js,看看哪些框架内置 auth、ORM 和 scaffolding。
从提示词到 UI:Google Stitch 实战指南
Google Stitch可将提示词转为UI布局、原型和HTML导出。了解如何写出更好的提示词、使用DESIGN.md并加快交付。
代码度量详解:什么是圈复杂度?
用JavaScript示例、公式以及ESLint和SonarQube工具解释圈复杂度,帮助衡量并减少分支逻辑。
使用 Preact 实现服务端渲染
使用preact-render-to-string、hydrate和Vite实现Preact SSR:讲解服务端渲染、流式传输及避免hydration不匹配的技巧。
使用 Shadow DOM 和 CSS 为 Web Components 设置样式
使用 Shadow DOM 为 Web Components 编写样式:通过 :host、::slotted()、CSS 变量、::part() 和 adoptedStyleSheets 控制组件 CSS。
使用 JavaScript 从标题创建目录
用 JavaScript 从标题生成目录,加入安全 ID、无障碍导航,并用 IntersectionObserver 高亮当前章节。
如何在 Linux 上安装 Claude Desktop
Linux上的Claude Desktop:官方Claude Code CLI支持,以及社区桌面包的安装步骤、功能对比和安全风险说明。
Nuxt UI:面向 Vue 应用的直观组件库
Nuxt UI 是一款原生 Tailwind 的 Vue 组件库,提供 125+ 个可访问组件、TypeScript 支持,以及适用于 Nuxt 或 Vue 的 Vite 配置。
5 款基于 Web 技术构建的 Figma 替代品
5个基于Web技术的Figma替代工具:Penpot、Plasmic、Webstudio、Framer和tldraw,适合浏览器原生设计流程。
2026 年 CSS-in-JS 现状
2026年的CSS-in-JS:runtime与zero-runtime的区别,React Server Components和Next.js App Router的限制,以及适合你应用的样式方案。
如何使用 Android CLI 创建 Android 应用
介绍Android CLI的安装、项目创建、SDK设置、模拟器运行,以及Android Skills和Knowledge Base如何支持智能体开发。
语义化版本控制详解
npm 的 SemVer 说明:MAJOR.MINOR.PATCH、caret 和 tilde 范围、0.x 版本、预发布版本与 lock 文件,帮助更安全地更新。