Articles

技术文章

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

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

TypeScript 泛型与 Utility Types 深入

泛型是 TS 最强也最容易过度使用的特性。本文讲清泛型的正确用法(约束/默认值/推断)、内置 Utility Types(Partial/Required/Pick/Omit/Record/ReturnType/Parameters/Awaited)、什么时候用泛型什么时候不用,以及"类型应该帮你而非困住你"。

#Next.js #TypeScript♥ 1700 评论
@admin·3 分钟阅读·云原生

蓝绿、金丝雀与滚动部署

部署不只是"推新版本"——怎么推、怎么切、出问题怎么回滚,决定了风险大小。本文讲清三种部署策略:蓝绿(两套环境瞬间切换)、金丝雀(小流量验证再放量)、滚动(逐步替换),各自的适用场景与代价,以及生产中怎么选。

#DevOps♥ 1710 评论
@admin·5 分钟阅读·Web 开发

契约测试:消费者驱动 vs 提供者验证

微服务集成测代价高(要起全部服务),契约测试只验证接口约定不变。本文讲清消费者驱动契约测试(Pact):消费者定义期望、生成契约、提供者验证,解耦前后端/服务间的"我的改动有没有破坏别人"。

#TypeScript #DevOps♥ 1720 评论
@admin·9 分钟阅读·云原生

Redis Cluster:分片、高可用与故障转移

单 Redis 扛不住内存/吞吐时,Redis Cluster 水平扩展。本文讲清 Cluster 的分片模型(16384 槽位 + hash tag)、主从复制与自动故障转移、客户端路由(MOVED/ASK)、跨槽操作限制,以及什么时候该上 Cluster(>单机内存/高吞吐)什么时候用哨兵就够。

#DevOps♥ 1730 评论
@admin·5 分钟阅读·Web 开发

Web 字体优化:加载、渲染与 CLS

自定义字体让设计更好,但加载不当会拖慢 LCP + 导致 CLS(字体闪烁)。本文讲清字体优化全链路:font-display 策略(swap/fallback/optional)、preload 关键字体、子集化(woff2 + 仅需字符)、FOUT vs FOIT、variable fonts,给一套"字体好看又快"的方案。

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

CSS Container Queries:真正基于组件的响应式

Media Query 响应的是视口宽度,Container Query 响应的是父容器宽度——这让组件真正自适应(同一组件在侧边栏窄、主区宽各显示不同布局)。本文讲清 Container Queries 的原理、@container 语法、container-type 设置、浏览器支持现状,以及它怎么改变响应式设计的思路。

#React #TypeScript♥ 1750 评论