前端字体加载的可见性策略
font-display 的四个值决定了一件事：字体没到时，文字是「看不见」「先用系统字体」还是「干脆不换」。选错的表现是白屏或闪烁，而这两种体验的取舍取决于文案长度。
全部标签 
#前端
共 7 篇文章
TypeScript 泛型约束的四种写法
泛型不是「加个尖括号就完事」。约束写松了等于没写，写紧了复用性归零。这篇讲四种约束粒度和它们的适用边界。
SSR 首屏为什么要做成流式
流式渲染不会让页面变快，它只是把「能看见」的时间点提前。理解 TTFB、FCP 和 hydration 的关系，才知道什么时候值得上流式。
一个表单的可用性清单
表单是用户和系统之间最容易出摩擦的地方。这份清单覆盖标签、错误提示、提交态、输入类型和键盘操作五块，每一条都对应一个真实的体验损失。
用 CSS 变量做主题切换的三种粒度
主题切换的难点不是「怎么改变量」，是「怎么不闪」。这篇讲全局变量、组件变量、运行时切换三层结构，以及首屏闪烁的真正原因。
CSS Grid 与 Flex 的选择边界
「什么时候用 Grid，什么时候用 Flex」这个问题有确定答案：看你要解决的是一维排布还是二维关系。判断错了，代码会越写越别扭。
前端包体积的三次瘦身
首屏加载 4.8MB，用户等六秒。三次瘦身把体积压到 800KB：分析、拆分、剔除、守住。每一步都有具体的工具和判断标准。