02-03 浏览器渲染原理:浏览器怎么把代码变成页面
02-03 浏览器渲染原理 解释的是:为什么同样是代码,浏览器能把它变成你看到的页面。
一、它解决什么
它解决的是网页显示流程:解析 HTML、计算 CSS、布局、绘制、合成。理解它,才能理解为什么页面会卡。
二、一个比喻
浏览器像装修队:先看建筑图纸,再算每面墙的位置,再刷漆,最后把房间呈现出来。
三、放到系统里看
02-08 前端性能优化 很多技巧都来自渲染原理,比如少改布局、减少阻塞资源、懒加载图片。
四、常见坑 / 学习抓手
常见坑是只看框架,不懂浏览器。框架最后仍要落到 DOM、CSS 和渲染流水线。
一句话总结
浏览器不是简单显示文字,而是在不断计算和绘制一个动态页面。