一个URL从输入到页面渲染的简要梳理

阅读量

前端所有的网络传输的到页面渲染的整个过程,需要的知识点非常多,这里就简化一下

大致分为两个部分：网络通信和页面渲染
互联网内各网络设备间的通信都遵循TCP/IP协议 应用层、传输层、网络层、数据链路层 物理层
在浏览器中输入url => 应用层DNS解析域名 => 应用层客户端发送HTTP请求 => 传输层TCP传输报文(三次握手) => 数据到达数据链路层 => 服务器接收数据,服务器响应请求
DOM树 + CSS树 => render树 => 在遇到外部链入的脚本标签或样式标签或图片时，会再次发送HTTP请求重复上述的步骤

赏

1分也是爱

微信

扫一扫，分享到微信

微信分享二维码
本站访客数人次

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

talk is cheap <br><br>show me the code ！<br><br>沉淀技术<br><br>不断突破<br><br>实现人生自由！！！