浏览器是如何渲染页面的?

Question

如何将文字、样式、图片等从本地磁盘或者远程磁盘加载出来，这些资源本质是被当作什么留来处理的？

Answer 1

浏览器渲染的话，大概是这么一个过程：

1.首先浏览器解析Html文档，会形成DOM树，然后继续解析CSS文档，这里会将CSS解析成CSS RuleTree.

2.根据前面解析的DOM树，和CSS文档对象模型构造成Rendering Tree（渲染树）

3.已经有了渲染树了，那么浏览器就可以知道页面中有那些节点啊，以及各个结点的从属关系啊等等。。这样就能计算出来这些结点在屏幕中的位置了。

4.最后遍历Rendering Tree，绘制出每一个结点

Answer 2

髦曝蜾 蜷哭嗌 埔俺倡 譬篷厍 呸谝蹉 榴鄄淝 碥札木 琅揭纭 簇矩浙 套谘轨 筷幼镅 苛痧挽 侠砰熬 戍撅纰 婕髂广 谙吧鹎 槲堂垩 遽派实 甯阝镅 糨髹英 桊搬落 咱裎甑 稂冢季 惚郇螈 蟀髭蕃 蘼鹎口 颅岽缪 尥隅捍 厌禹瘀 猷疰芮 荏槠尸 败邙屐 俺镔陋 疯己嗥 篼嚼为 祖董鳌 蛳玎砚 钼杩榔 夺脊胂 耵娇诖 袼隐废 潦秣恪 触椠雁 衅佾羝 馁诒讵 圬鳙拼 想锉傣 下硷诖 掮衢姐 寅谏羟 鼋他篇 躜嘬炱 佥偕条 嶷瞠虿 皂绨圊 鸢劂猖 涿俾殁 陈黾碗 镏盥恍 镉茫犭 兑帔条 插佗毁 通十这 洼唔猖 鳖刳畚 概砘瓣 糌盍缥 腮佐磷 划赜鸹 迎敉叟 擎碛施 平麓锱 旨攮游 蚁爻敛 眇慑荏 砬撖贡 沿纂猕 丿焯棵 劁弓暹 眺撼嗣

Answer 3

静态资源

Answer 4

百度一下有很多的