Q1主动回忆难度 2
1/10
浏览器与网络 · 渲染机制与性能
记忆强度
渲染管线、重排重绘、图层提升、定时器与 rAF 的差别，以及完整的页面加载链路。
浏览器与网络 · 渲染机制与性能
根元素、特定定位或布局子项，以及启用透明、变换、滤镜、遮罩、隔离、性能提示等效果的元素。
发生剪裁时文字部分会单独成层，出现滚动条时滚动条也会单独成层。
浏览器依次构建 DOM、构建 CSSOM、合成渲染树、布局，最后由 GPU 绘制并合成图层。
DOMContentLoaded 不等待 CSS、JS 和图片，而 Load 要等待页面资源全部加载完毕。
外观变化触发重绘，几何或布局变化触发回流；回流必定重绘且成本更高，visibility 只会重绘。
setInterval可能跳过间隔或连续执行；链式setTimeout在回调结束后重新计时，能保证轮询间隔。
requestAnimationFrame在重绘前执行动画回调；requestIdleCallback在帧有空闲时执行低优先级工作。
客户端依次查询浏览器缓存、hosts、解析器缓存和本地 DNS；未命中时由本地 DNS 向根域、顶级域和权威 DNS 迭代查询。
HTTPS 先通过三次握手建立 TCP 连接，再完成四阶段 SSL 握手，随后传送经 TLS 加密的数据。
浏览器依次构建 DOM、计算样式和布局、生成分层树与绘制列表，再分块栅格化，最后由浏览器进程生成并显示页面。