Articles

技术文章

沉淀 AI、Web、云原生和独立开发经验。

@admin·5 分钟阅读·Web 开发

Web 图片优化:格式、响应式与懒加载

图片是页面最大的资源,优化图片 = 优化 LCP。本文讲清现代图片格式(WebP/AVIF vs JPEG/PNG)、响应式图片(srcset/sizes)、Next.js Image 组件、懒加载与占位、CDN 动态调整,给一套生产级图片优化方案。

#Next.js #React♥ 1640 评论
@admin·6 分钟阅读·Web 开发

E2E 测试实战:Playwright

单测验证单元、集成测验证组合,但"用户能不能真正用"只有 E2E 能答。本文讲清 Playwright(微软出品,跨浏览器/自动等待/网络拦截/并行)的核心能力、Page Object 模式、CI 集成、以及 E2E 该测什么不该测什么。

#React #TypeScript♥ 1650 评论
@admin·7 分钟阅读·云原生

UPSERT 模式:ON CONFLICT 与幂等写入

插入还是更新?UPSERT 一条语句搞定。本文讲清 PostgreSQL 的 INSERT ON CONFLICT(指定冲突列/DO UPDATE/DO NOTHING)、MySQL 的 ON DUPLICATE KEY UPDATE、幂等写入场景(同步/重试不重复),以及 ON CONFLICT 的陷阱(部分索引/多列冲突)。

#DevOps♥ 1660 评论
@admin·1 分钟阅读·AI 前沿

RAG 知识新鲜度 SLO:不要只监控索引成功率

索引任务显示成功,不代表用户得到的是最新知识。本文设计新鲜度 SLO、来源变更检测、优先级队列、过期答案处理和运营报表,让 RAG 对更新时间真正负责。

#大模型 #RAG #DevOps♥ 00 评论
@admin·7 分钟阅读·云原生

Terraform 进阶:模块化与远程 State

单文件 Terraform 跑 demo 够了,生产要模块化 + 远程 state。本文讲清 module 的输入/输出/版本、远程 state 后端(S3+DynamoDB 锁/Terraform Cloud)、state 漂移与 import、以及一份生产级 Terraform 项目结构。

#DevOps♥ 1670 评论
@admin·6 分钟阅读·Web 开发

React Portal:模态框、Tooltip 与层叠上下文

模态框渲染在组件树深处,会被父级的 z-index/overflow/transform 截断。Portal 把它渲染到 document.body,逃离父级限制。本文讲清 Portal 原理、模态框完整实现(Portal + 焦点陷阱 + Escape + 滚动锁定)、无障碍(aria-modal),以及 Radix Dialog 替你做好这一切。

#React #TypeScript♥ 1680 评论
@admin·2 分钟阅读·AI 前沿

微调 vs RAG vs Prompt:让模型懂你的业务,该怎么选

"要让模型在某个领域表现好,无非三条路:Prompt 调教、RAG 检索、微调。但绝大多数人选错了——该用 RAG 的去微调,该调 Prompt 的上 RAG。本文按'问题本质'给出决策框架:知识、行为、风格三类需求各自该走哪条路,以及什么时候该组合用。"

#AI #大模型♥ 330 评论