OpenReplay 博客
如何在 TypeScript 中为 API 响应添加类型
使用接口、Zod schemas 及 OpenAPI 生成工具为 API 响应添加类型,可防止运行时数据不匹配,并确保类型始终准确。
如何在 Svelte 中实现拖放功能
介绍如何使用原生 HTML5 API 或 svelte-dnd-action 在 Svelte 中实现拖放功能,涵盖动画、触摸支持及多列表看板。
Ripple:一个值得关注的新型 TypeScript UI 框架
Ripple 是一款编译器驱动的 TypeScript UI 框架,通过细粒度响应式原语消除虚拟 DOM 差异比对与手动依赖追踪。
当 100vh 说谎时:修复移动端视口问题
通过理解 svh、dvh、lvh 与 vh 的差异,修复移动端视口裁剪问题,并在合适场景下应用各单位以实现稳定的全高度布局。
JavaScript 生成器的使用场景
JavaScript 生成器按需产出值,适用于惰性迭代、异步分页以及基于 Iterator Helpers API 构建可组合的数据管道。
如何在 TypeScript 项目中组织类型定义
在 TypeScript 项目中有效组织类型定义,通过明确的同置策略,覆盖内联文件、共享目录与 ambient 声明文件三类场景。
MCP Apps:为 AI 对话添加交互式 UI
MCP Apps 支持在 AI 对话中嵌入交互式 UI 组件,介绍 MCP 服务器如何通过 ext-apps SDK 标准渲染仪表盘与表单。
使用 Koa 构建你的第一个 API
通过配置路由、解析 JSON 请求体并应用中间件级联模型,使用 Koa 构建 REST API,实现 GET 与 POST 端点的处理。
在 VS Code 中使用 Error Lens 更好地查看错误
Error Lens 将 ESLint 和 TypeScript 的诊断信息内联显示于 VS Code 中,助前端开发者无需离开编辑器即可快速发现并修复错误。
何时使用 user-select: none(以及何时它会成为 UX/可访问性陷阱)
深入辨析 CSS user-select: none 在交互控件中的合理用途,以及它对可访问性、翻译工具和依赖文本选择的用户造成的潜在危害。
如何测量 JavaScript 性能
借助 DevTools、Performance API 和 Core Web Vitals 分析 JavaScript 执行,识别性能瓶颈并准确测量真实用户的 INP。
虚拟滚动:构建高性能界面
虚拟滚动只渲染可见的 DOM 节点,使大型数据集保持流畅。介绍窗口化、overscan 机制以及 TanStack Virtual 等库的工作原理。
OpenClaw:一个新的开源 AI 助手
OpenClaw 是可自托管的 AI 智能体,可在自有硬件上执行 shell 命令、控制浏览器,并集成 Slack、Telegram 和 WhatsApp。
为 Web 开发者解释 Streams
通过 Web Streams API、ReadableStream 和 TransformStream 对 fetch 响应逐块处理,可降低内存压力并提升性能。
键值数据库(如 Redis、Memcached)的工作原理
Redis、Memcached 等键值数据库基于内存哈希表实现快速查找,广泛用于前端后端系统的缓存与会话存储。
使用 abs() 处理 CSS 中的绝对值
CSS 的 abs() 函数可安全处理带符号的自定义属性,适用于间距、动画时序和布局计算,无需借助 JavaScript 实现。
什么是 Lynx.js?初学者指南
Lynx.js 是字节跳动推出的跨平台框架,基于 React、原生 CSS 和双线程架构,渲染真正的 iOS 与 Android 原生界面。
使用 OpenAPI 和 TypeScript 构建类型安全的 API 客户端
介绍如何使用 openapi-typescript、openapi-fetch 和 Orval 从 OpenAPI 规范生成 TypeScript 类型,构建类型安全的 API 客户端并消除运行时错误。
在 JavaScript 中实现二分查找
在 JavaScript 中实现迭代与递归两种二分查找,了解有序数组的前提要求,并判断二分查找相比线性查找的适用场景。
Linux 文本处理速查表
借助 grep、sed、awk、ripgrep 和 jq 提升终端生产力,高效解析日志文件、提取列数据并转换结构化文本。
CSS Aspect Ratio 工作原理
CSS aspect-ratio 控制盒模型尺寸,替代 padding hack,并在 flexbox 与 grid 布局中配合 object-fit 防止布局偏移。
如何在 Vue 中实现 Toast 通知
介绍通过自定义 composable 或 Vue Toastification 构建 Vue 3 toast 通知,涵盖无障碍标记与 Composition API 模式。
每个 Web 开发者都应该了解的缓存基础知识
正确运用浏览器缓存、CDN 缓存、Cache-Control 响应头、ETag 及 Last-Modified 验证技术,可有效提升 Web 应用的加载性能。
在浏览器中显示人类可读的时间
介绍如何借助 Intl.DateTimeFormat、Intl.RelativeTimeFormat、Intl.DurationFormat 及 Temporal 在浏览器中格式化 UTC 时间戳,无需引入第三方库。