Layout

Chromium 渲染管线深度工程实战:从 DOM 到合成帧的全链路与 INP 优化

按 Blink 与 cc 的真实分工拆开 Chromium 渲染管线:样式失效集合与 CSS 变量失效粒度、Layout NG 的约束空间与强制同步布局、Paint 显示列表与合成层/tile 光栅化、BeginFrame 与 Deadline 帧调度,给出可复现的 layout thrashing 代码反例、contain/content-visibility 治本方案、scheduler.yield 长任务切片与 Chrome Tracing 定位清单。

CSS Grid布局完全指南:从基础概念到高级实战

CSS Grid布局完全指南,系统讲解网格容器与项目、轨道定义(fr、repeat、auto-fill、auto-fit)、网格线与基于线的定位、grid-template-areas区域模板、对齐系统(justify/align)、重叠与z-index、Subgrid子网格技术,以及Holy Grail布局、响应式画廊和仪表盘三个实战案例,并附Grid vs Flexbox选型参考。