浏览器渲染流程:从 HTML 到屏幕像素,中间到底发生了什么
这篇文章基于旧博客中的“浏览器工作原理”内容重写,重点解释浏览器如何把 HTML 变成最终可见页面,以及 reflow、repaint 和 transform 的关系。
这里收录重构后的完整文章内容,覆盖前端、面试、工程化和短笔记。
这篇文章基于旧博客中的“浏览器工作原理”内容重写,重点解释浏览器如何把 HTML 变成最终可见页面,以及 reflow、repaint 和 transform 的关系。
事件循环的重点不是背顺序,而是理解浏览器为什么要这样调度任务、为什么主线程不能阻塞,以及微任务为什么优先。
面试准备的关键不是题刷得多,而是能把知识拆成专题、把专题连成路径、把路径落到真实项目表达上。
Git 命令本身不难,难的是多人协作时如何减少混乱、降低冲突和保证上线节奏。
TypeScript 真正的价值在于让数据结构、函数契约和模块边界更清晰,而不只是“能自动提示”。
项目题不是讲功能清单,而是讲背景、难点、方案和取舍。回答结构一旦理顺,很多问题都会变得更好展开。
Vue 真正值得复盘的不是指令清单,而是响应式、组件化、模板到渲染之间的核心机制和设计思路。
这次重构不是只换框架,而是把过去零散记录的内容重新组织成一套更适合长期阅读和复用的技术资产。
包含块决定了很多元素的位置和尺寸计算方式。理解它以后,定位和百分比相关问题会清晰很多。