前言 在Web相关的问题中，从输入URL到整个页面加载展示到用户面前这个问题是绕不开的，它主要涉及到两个步骤： 网络请求 页面渲染 解析HTML文件，构建DOM树 解析CSS文件，构建CSSOM树 将DOM树和CSSOM树合并，生成渲染树 计算渲染树的布局 将布局渲染到屏幕上 本文主要介绍页面渲染部分。 构建DOM树 什么是DOM树？ DOM模...

前言 在Web相关的问题中，从输入URL到整个页面加载展示到用户面前这个问题是绕不开的，它主要涉及到网络请求与客户端渲染两个步骤 网络请求 DNS解析 TCP连接建立 SSL/TLS隧道建立(HTTPS) 发送HTTP请求 返回HTTP报文 断开SSL/TLS隧道 关闭TCP连接 客户端渲染 本文主要介绍一下其中的网络请求部分。 DNS解析 相比较于IP地...

浏览器的同源策略，限制了来自不同源的document或脚本，对当前document读取或设置某些属性。从一个域上加载的脚本不允许访问另外一个域的文档属性。