OpenReplay 博客
每个开发者都应该了解的 5 个 Git 点文件
解析 5 个关键 Git dotfile：.gitconfig、.gitignore、.gitattributes、.git-blame-ignore-revs 和 .mailmap，让工作流更清晰。
使用原生 Web API 替代动画库
用 Web Animations API、CSS 滚动驱动动画和 View Transitions 替代 GSAP 或 Framer Motion，实现常见界面动效。
TypeScript 6.0 新特性
TypeScript 6.0 变更默认值、弃用旧选项，并新增 ES2025 支持、Temporal 类型和迁移提示，帮助你为 TypeScript 7.0 做准备。
Linux 文件权限详解
Linux 文件权限与所有权,涵盖 chmod、chown、umask 及 setuid、sticky bit 等特殊权限位,用于加固 Linux 系统安全。
使用 CSS `zoom` 缩放 UI 元素
对比 CSS zoom 与 transform scale 在布局流、浏览器兼容性及实际 UI 缩放场景中的差异,帮助选择适合项目的方案。
如何为开发环境启用本地 HTTPS
使用 mkcert 配置受信任的本地 HTTPS,适配 Vite 或 Next.js 开发服务器,避免开发过程中出现自签名证书警告。
SolidJS 最佳实践
通过理解细粒度响应式、signal 作用域、prop 处理、store 用法及 createResource 异步数据模式,规避 SolidJS 常见陷阱。
在 Vue 3 应用中显示 PDF
对比 Vue 3 中原生嵌入、PDF.js 及 Vue 封装组件三种 PDF 显示方案,分析各方案在 CORS、worker 及包体积方面的权衡取舍。
认识 Turso:基于 Rust 的 SQLite 进化版
对比 Turso 与 libSQL,了解 Rust、异步 API 及 MVCC 如何扩展 SQLite,以适配边缘部署与现代应用架构。
关系型数据库设计基础
通过合理运用主键、外键、规范化技术及各类约束条件,构建结构清晰、可靠稳定的关系型数据库模式,规范表结构设计,有效预防数据冗余与异常问题。
使用 Markdown 作为 CMS 的优势与局限
深入权衡以 Markdown 作为 CMS 的真实利弊,涵盖 Git 工作流、MDX、Tina CMS,以及结构化无头 CMS 工具在何种场景下更适合内容团队。
使用 Node.js 中间件记录请求日志
使用 Morgan、Pino 和 AsyncLocalStorage 为 Express 添加结构化 HTTP 请求日志,追踪关联 ID 并过滤敏感数据。
5 个现代框架免费提供的安全特性
Next.js、SvelteKit 和 Django 等现代框架默认提供自动 XSS 转义、CSRF 令牌及服务端密钥隔离等安全行为。
构建仪表板的最佳 JavaScript 库
对比 Chart.js、Apache ECharts、Recharts、AG Grid 与 TanStack Table,为分析项目选择合适的 JavaScript 仪表板库。
新的 HTML Geolocation 元素
新的 geolocation 元素为 HTML 带来声明式位置访问能力,以更简洁的权限处理方式取代了 navigator.geolocation 的回调模式。
如何使用现代 CSS 实现任意元素居中
介绍如何借助 CSS Flexbox、Grid 和 auto margins 实现元素的水平或垂直居中,并根据不同布局上下文选择合适的方法。
ResizeObserver 与 Window Resize:何时使用哪个
对比 ResizeObserver 与 window resize 事件,针对视口变化、元素尺寸追踪及 CSS 容器查询场景,分析各自的适用时机。
使用 Charm 构建终端 UI
借助 Charm 生态的 Bubble Tea、Lip Gloss 和 Bubbles,在 Go 中以 Model、Update、View 架构构建终端 UI。
面向开发者的 AI 提示词技巧
借助结构化输出、少样本提示与上下文工程等技术,构建可靠的 LLM 集成方案,使 AI 响应在生产环境中保持一致且可预测。
如何在 Chrome DevTools 中检查和编辑 Cookie
介绍如何使用 Chrome DevTools 的 Application 面板与 Network 面板检查、编辑及删除 Cookie,并说明 HttpOnly、Secure、SameSite 等字段的用途。
现代 Web 应用的 Postgres 最佳实践
涵盖 PostgreSQL 模式设计、索引策略、使用 PgBouncer 进行连接池管理以及安全迁移等实践,助力构建生产环境中性能优良的 Web 应用。
如何使用 Fetch 向浏览器流式传输数据
使用 ReadableStream、TextDecoder 和 AbortController 对 Fetch API 响应进行增量流式处理,在完整数据到达前逐步渲染内容。
5个移动端Web小问题(以及如何修复它们)
利用CSS视口单位、安全区域变量、overscroll behavior及合理的触控目标尺寸,修复移动端常见的Web缺陷,在真实设备上获得正确效果。
在 Vue 测试中使用 Vitest 模拟 API 调用
介绍在 Vue 测试中使用 Vitest 模拟 API 调用的两种策略,分别是模块级模拟和基于 Mock Service Worker 的 HTTP 层拦截。