浏览器中输入URL后发生了什么？

前端经典面试题，前端性能优化开端

浏览器中输入URL后发生了什么？

• DNS域名解析
  • 什么是DNS？
  • DNS查询的顺序是什么？
    • 在浏览器DNS缓存中搜索
    • 在操作系统DNS缓存中搜索
    • 读取系统hosts文件，查找其中是否有对应的ip
    • 向本地配置的首选DNS服务器发起域名解析请求
• 建立TCP连接
  • 什么是三次握手？
    • 发送端首先发送一个带SYN（synchronize）标志的数据包给接收方
    • 接收方收到后，回传一个带有SYN/ACK(acknowledegment)标志的数据包以示传达确认信息
    • 最后发送方再回传一个带ACK标志的数据包，代表握手结束
  • 为什么要三次握手而不是两次握手？
  • TCP/IP协议
• 发起HTTP请求
  • 请求头
  • cookie
  • 发起http请求的方法有哪些
    • GET：获取资源
    • POST：传输实体主体
    • HEAD：获取报文首部
    • PUT：传输文件
    • DELETE：删除文件
    • OPTIONS：询问支持的方法
    • TRACE：追踪路径
• 接受响应结果
  • 服务器返回的状态码有哪些
    • 1**：信息性状态码
    • 2**：成功状态码
      • 200：OK 请求正常处理
      • 204：No Content请求处理成功，但没有资源可返回
      • 206：Partial Content对资源的某一部分的请求
    • 3**：重定向状态码
      • 301：Moved Permanently 永久重定向
      • 302：Found 临时性重定向
      • 304：Not Modified 缓存中读取
    • 4**：客户端错误状态码
      • 400：Bad Request 请求报文中存在语法错误
      • 401：Unauthorized需要有通过Http认证的认证信息
      • 403：Forbidden访问被拒绝
      • 404：Not Found无法找到请求资源
    • 5**：服务器错误状态码
      • 500：Internal Server Error 服务器端在执行时发生错误
      • 503：Service Unavailable 服务器处于超负载或者正在进行停机维护
• 浏览器解析html
  • 按顺序解析html文件，构建DOM树
  • 解析到外部的css和js文件时，向服务器发起请求下载资源
    • 若是下载css文件，则解析器会在下载的同时继续解析后面的html来构建DOM树
    • 若是下载js文件，则在下载js文件和执行它时，解析器会停止对html的解析
  • 构建渲染树
• 浏览器渲染页面
  • 布局
  • 绘制