Articles

技术文章

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

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

React 表单最佳实践

表单是前端最繁琐的活——验证、错误提示、动态字段、提交。本文讲清 React 表单的完整实践:React Hook Form vs Formik、zod 校验、受控 vs 非受控、Server Actions 提交、以及复杂数据(数组/嵌套)怎么处理,让你的表单既简洁又健壮。

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

PostgreSQL 扩展生态:不止是数据库

PG 的杀手锏不只是 SQL,是扩展——pgvector 做向量检索、PostGIS 做地理、TimescaleDB 做时序、zhparser 中文分词。本文讲清 PG 扩展的价值、10 个最常用扩展各自解决什么、怎么安装管理,以及"一个 PG 替代多个组件"的架构思维。

#DevOps♥ 1230 评论
@admin·3 分钟阅读·Web 开发

PWA 渐进式 Web 应用

PWA 让 Web 应用拥有原生 app 的能力——离线、安装到桌面、Push 推送、后台同步。本文讲清 PWA 的三大核心(Service Worker/Manifest/Web Push)、实现步骤、以及 2026 年的平台支持现状(iOS 终于支持 Push 了)。

#React #TypeScript♥ 1240 评论
@admin·3 分钟阅读·Web 开发

API 限流策略深入:算法与实现

限流不只"每分钟 N 次"——用什么算法(固定窗/滑动窗/令牌桶/漏桶)、按什么维度(IP/用户/API key)、存哪(内存/Redis)、超限返回什么(429/Retry-After),都有讲究。本文讲清四种限流算法的对比与实现,给一份生产级限流方案。

#DevOps♥ 1250 评论
@admin·2 分钟阅读·云原生

分片深入:分片键与跨片查询

分片不只是"把数据拆开"——分片键选错,查询全扫;跨片 JOIN/聚合/分页是噩梦。本文深入讲清分片键的设计原则(高基数/查询路由/避免热点)、跨片查询的应对(应用层合并/反范式/CQRS)、全局唯一 ID(雪花),以及"先别分片"的现实建议。

#DevOps♥ 1260 评论
@admin·3 分钟阅读·Web 开发

React 虚拟化:大列表性能优化

渲染 10000 条数据卡死?虚拟列表只渲染可视区域的几行,滚动时动态替换。本文讲清虚拟化的原理(窗口计算/DOM 复用)、react-window 和 TanStack Virtual 的用法、什么场景该虚拟化、以及它的代价(搜索/无障碍/动态高度)。

#React #TypeScript♥ 1270 评论