OpenReplay 博客
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 文件，帮助更安全地更新。
选择 JavaScript 模板引擎
比较 EJS、Handlebars、Pug 和 Nunjucks 在 Node.js 中的服务器端 HTML 渲染，涵盖语法、适用场景和安全提示。
五个可以用 CSS 替代的 Sass 特性
五个可用现代 CSS 替代的 Sass 功能：自定义属性、嵌套、color-mix()、@layer 和 @property。
如何在 React 中嵌入视频
在 React 中嵌入视频：自托管文件用 HTML5 video，YouTube 用 iframe，包含 autoplay 修复、响应式尺寸和 ReactPlayer 选择。
在浏览器中使用 Web Audio API 录制音频
使用Web Audio API在浏览器录音：通过getUserMedia获取麦克风输入，按需处理，并用MediaRecorder编码保存。
Web 端邮箱混淆技术
网页邮箱混淆技巧：比较HTML实体编码、JavaScript、应避免的CSS、联系表单和Cloudflare保护。
你可能错过的现代 SQLite 特性
现代SQLite功能解析：JSONB、STRICT表、RETURNING、支持OPFS的WASM和WAL模式，提升性能与并发能力。
使用 es-toolkit 处理日常 JavaScript 工具函数
es-toolkit 提供类型化、可 tree-shake 的 JavaScript 工具函数，作为轻量 Lodash 替代，可减小打包体积并便于迁移。
创建纯 CSS 工具提示
用 ::after、data-tooltip 和不透明度过渡实现纯 CSS 提示框，并说明 focus-visible 支持及可访问性限制。
相比 Fetch，Axios 仍然能为你提供什么
Axios vs Fetch：了解 Axios 在拦截器、自动 HTTP 错误处理、共享实例、上传进度和超时设置上的优势。