你不知道的 CSS 之包含块
百分比宽高与绝对定位偏移到底相对谁算？搞懂 containing block 与初始包含块，布局阶段的几何信息才说得清。
#layout #containing-block #interview
阅读全文 Featured Demo
精选交互
Latest
最新文章
CSS 属性计算过程：从声明到最终值
确定声明值、层叠冲突、继承与默认值——搞懂 Computed 面板里那一长串属性是怎么来的。
#cascade #computed-style #interview
阅读全文 reflow、repaint 与 transform 为何高效
回流与重绘分别对应布局树与绘制指令的重新计算，以及为何 transform 动画大多不拖累渲染主线程。
#browser #rendering #performance
阅读全文 浏览器是如何渲染页面的？
从 HTML 解析到 GPU 上屏，详解渲染主线程与合成线程分工，以及 DOM 树、布局树、图层与位图如何串联成流水线。
#browser #rendering #interview
阅读全文 浏览器事件循环：从进程模型到任务队列
梳理渲染主线程如何调度任务、异步为何必要、JS 为何会阻塞渲染，以及 Chrome 中延时/交互/微队列的优先级。
#browser #event-loop #interview
阅读全文 网页钢琴与 Web Audio 合成
用振荡器与 GainNode 包络合成钢琴音，支持键盘演奏、延音踏板与内置乐谱自动播放。
#web-audio #piano #synthesis
阅读全文 Explore