OpenReplay 博客
如何为 GitHub 仓库禁用 Dependabot 警报
介绍如何通过设置界面或配置文件,禁用 GitHub 仓库的 Dependabot 警报,安全更新及版本更新,实现精细化管控。
Svelte 和 SvelteKit 更新：2025 年夏季回顾
介绍 Svelte 5 的异步组件、Remote Functions 和 Runes 响应式系统,帮助开发者迁移项目并构建全栈应用。
模态框常见的无障碍问题（及其解决方案）
模态框在焦点管理、ARIA属性及键盘导航方面的无障碍问题均可修复,本文介绍如何构建适配所有屏幕阅读器用户的对话框组件。
选择合适的 JavaScript 图表库
对比 Chart.js、D3.js、ECharts、ApexCharts 和 Highcharts 在渲染、性能及适用场景上的差异,为项目选出最合适的图表库。
2025年GitHub Copilot入门指南
介绍如何在VS Code中安装GitHub Copilot,对比其与ChatGPT的差异,并说明各定价层级及免费选项,助力开发者借助AI辅助编码。
Vite 7 新特性：Rust、Baseline 以及更多
Vite 7 引入基于 Rust 的打包器 Rolldown,支持 baseline 浏览器目标与 ESM 优先的 Node.js,提升生产构建性能。
如何在 Node.js 中原生运行 TypeScript
无需转译工具即可在 Node.js 中原生运行 TypeScript,涵盖类型剥离机制、支持的语法、tsconfig 配置及从 ts-node 迁移的步骤。
5个每个前端开发者都应该尝试的AI工具
Cursor、v0 by Vercel、Bolt.new 及 Applitools 等五款 AI 工具,可在编码、原型设计和视觉测试方面提升前端工作流效率。
WebGL 前端开发者入门指南
介绍如何在浏览器中利用 GPU 加速、着色器及 Three.js、Babylon.js 等库渲染 WebGL 图形,构建视觉化 Web 体验。
浏览器中 View Transitions API 的简单介绍
View Transitions API 无需第三方库即可实现流畅的页面切换动画,结合 CSS 与少量 JavaScript,适用于 SPA 和 MPA 场景。
如何将 ShadCN 与 Next.js 集成
通过 CLI 逐步将 Shadcn UI 集成到 Next.js 项目,涵盖 Tailwind CSS 配置、next-themes 暗色模式及 React 19 兼容性处理。
改善点击目标以提升移动端用户体验
结合 Apple HIG 与 Material Design dp 规范,通过拇指热区人体工程学、间距缓冲区及 rage tap 数据分析,有效减少移动端误触。
Service Worker 调试技巧与窍门
借助 Chrome、Firefox 和 Safari 的 DevTools 面板,修复 service worker 注册错误、缓存混乱及更新延迟问题。
防范用户生成内容中的XSS攻击
通过白名单校验、输出编码和 DOMPurify,防止 React、Vue 和 Angular 应用中用户内容引发的 XSS 攻击。
在 React 中使用 TanStack Query 实现智能数据获取
TanStack Query 为 React 应用提供缓存、重试与查询失效处理,以声明式数据获取方式替代手动状态逻辑。
本地优先软件开发初学者指南
基于本地优先原则构建离线可用的应用,结合 RxDB、Yjs 及同步策略,深入理解冲突解决机制与数据所有权的权衡取舍。
React 与 TypeScript：编写更清洁代码的常用模式
介绍如何为 React 组件的 props 定义类型、使用 refs 处理事件,以及运用实用的 TypeScript 工具类型,使组件更安全、易于维护。
如何在自己的硬件上部署 OpenAI 的 GPT-OSS
使用 Ollama 在本地硬件上部署 GPT-OSS,配置模型参数,并通过兼容 OpenAI 的 API 端点连接应用程序。
5种提升前端性能的技术
五种经过验证的技术涵盖图片优化、减少JavaScript体积、缓存策略、关键CSS提取及懒加载,以缩短页面加载时间。
使用插槽构建灵活的Web组件
借助插槽、shadow DOM 和具名插槽模式,将结构化内容传入可复用的 UI 卡片组件,构建灵活且易于维护的 Web 组件。
前端开发者必备的 VS Code 扩展
介绍 Prettier、ESLint、GitLens、Tailwind CSS IntelliSense 及 React 代码片段等 VS Code 扩展,助力前端工作流提速并更快捕获错误。
JavaScript Iterator Helpers 入门指南
JavaScript Iterator Helpers 为大型数据集引入惰性求值机制,可处理无限序列和分页 API 数据流,避免内存溢出崩溃。
使用 CSS if() 函数实现条件样式
CSS if() 函数为属性值引入了内联条件逻辑,涵盖语法说明、查询类型介绍及适用于 Chrome 137 与 Edge 137 的主题化实用示例。
llms.txt：AI 读取网站内容的新方式
llms.txt 标准帮助 ChatGPT、Claude 等 AI 爬虫优先处理网站内容,其结构与用途有别于 robots.txt 和 sitemap.xml。