zoukankan      html  css  js  c++  java
  • 浏览器解析流程

    1、用户输入url并回车;
    2、进行DNS解析:
    • 先搜索浏览器自身dns缓存;
    • 再找本机dns缓存;
    • 如找到且未过期则搜索停止,如未找到,则向本地配置的首选dns服务器发起域名解析请求,后续由运营商的dns服务器查到或进一步发送请求,直到拿到域名对应的ip并返回给浏览器;
    3、发起TCP协议的三次握手:
    • 第一次握手:建立连接时,客户端发送syn(建立联机)包到服务器,并进入syn_send状态,等待服务器确认;
    • 第二次握手:服务器收到syn包,确认包信息,同时自己也发送一个syn + ack(确认)包并进入syn_recv状态;
    • 第三次握手:客户端收到syn+ack包,向服务器发送ack包,发送完后,客户端和服务器都进入established状态,完成三次握手;
    4、建立tcp连接后发起http请求;
    5、服务器收到http请求并响应,浏览器收到http代码;
    6、浏览器进行HTML文档解析并构建DOM树;
    7、遇到css样式如link或style标签则开始解析css并构建样式树;(HTML解析和css解析相互独立)
    8、遇到script标签则停止DOM解析并开始下载js并解析js,异步下载js的情况下,执行js仍会阻塞;
    9、解析完dom树和样式树后进行渲染树(render tree)的构建;
    10、渲染树构建后进行布局(Layout)
    11、遍历渲染树,绘制页面。
  • 相关阅读:
    [LeetCode] Walls and Gates
    [LeetCode] Expression Add Operators
    [LeetCode] Inorder Successor in BST
    [LeetCode] Peeking Iterator
    [CTCI] 最小调整有序
    [LeetCode] Single Number III
    [LeetCode] Zigzag Iterator
    [LeetCode] Wiggle Sort
    android 设颜色透明值
    android android BitmapFactory报错OOM
  • 原文地址:https://www.cnblogs.com/yifamily/p/10454931.html
Copyright © 2011-2022 走看看