https://fe-interview.pangcy.cn/tags/url/Recent content in Url on ZiYang FrontEnd InterviewHugoen-usWed, 12 Mar 2025 09:25:35 +0800https://fe-interview.pangcy.cn/docs/network/network-47/Wed, 12 Mar 2025 01:24:41 +0000https://fe-interview.pangcy.cn/docs/network/network-47/<h2 id="考察点分析">考察点分析 <a href="#%e8%80%83%e5%af%9f%e7%82%b9%e5%88%86%e6%9e%90" class="anchor" aria-hidden="true"><i class="material-icons align-middle">link</i></a></h2><p>这道题目主要考察：</p> <ol> <li>网络协议相关知识（DNS、TCP、HTTP等）</li> <li>浏览器工作原理</li> <li>页面渲染流程</li> </ol> <hr> <h2 id="技术解析">技术解析 <a href="#%e6%8a%80%e6%9c%af%e8%a7%a3%e6%9e%90" class="anchor" aria-hidden="true"><i class="material-icons align-middle">link</i></a></h2><h3 id="关键知识点">关键知识点 <a href="#%e5%85%b3%e9%94%ae%e7%9f%a5%e8%af%86%e7%82%b9" class="anchor" aria-hidden="true"><i class="material-icons align-middle">link</i></a></h3><ol> <li>URL 解析</li> <li>DNS 查询</li> <li>TCP 连接</li> <li>HTTP 请求/响应</li> <li>浏览器渲染</li> </ol> <h3 id="原理剖析">原理剖析 <a href="#%e5%8e%9f%e7%90%86%e5%89%96%e6%9e%90" class="anchor" aria-hidden="true"><i class="material-icons align-middle">link</i></a></h3><p>浏览器输入 URL 到页面显示的完整过程如下：</p> <ol> <li> <p><strong>URL 解析</strong></p> <ul> <li>浏览器解析 URL 的组成部分（协议、域名、路径等）</li> <li>检查 URL 是否合法</li> <li>进行 URL 编码</li> </ul> </li> <li> <p><strong>DNS 解析</strong></p> <ul> <li>首先查找浏览器 DNS 缓存</li> <li>然后查找操作系统 DNS 缓存</li> <li>查找本地 hosts 文件</li> <li>向 DNS 服务器发起递归查询</li> <li>最终获取目标服务器的 IP 地址</li> </ul> </li> <li> <p><strong>TCP 连接建立</strong></p> <ul> <li>进行三次握手</li> <li>如果是 HTTPS，还需要 TLS 握手</li> </ul> </li> <li> <p><strong>发送 HTTP 请求</strong></p> <ul> <li>构建 HTTP 请求报文</li> <li>添加请求头部信息</li> <li>发送请求数据</li> </ul> </li> <li> <p><strong>服务器处理请求并响应</strong></p> <ul> <li>服务器接收请求</li> <li>处理请求</li> <li>返回响应结果</li> </ul> </li> <li> <p><strong>浏览器解析渲染页面</strong></p>