zoukankan      html  css  js  c++  java
  • 一个页面从输入URL 到页面加载显示完成的过程中都发生了什么

    前端面试/笔试必考问题,越详细越好

    先简单得讲:

    浏览器根据请求的URL交给DNS域名解析,找到真实IP,向服务器发起请求;

        服务器交给后台处理完成后返回数据,浏览器接收文件(HTML、JS、CSS、图象等);

        浏览器对加载到的资源(HTML、JS、CSS等)进行语法解析,建立相应的内部数据结构(如HTML的DOM);

        载入解析到的资源文件,渲染页面,完成。

    详细得说:

      1、当发送一个URL请求时,不管这个URL是Web页面的URL还是Web页面上每个资源的URL,浏览器会开启一个线程来处理这个请求,对URL 分析判断如果是 http 协议就按照 Web 方式来处理;

        2、调用浏览器内核中的对应方法,比如 WebView 中的 loadUrl 方法;

        3、在远程DNS服务器上启动一个DNS查询,这能使浏览器获得请求对应的IP地址。通过DNS解析获取网址的IP地址,设置 UA 等信息发出第二个GET请求;

        4、进行HTTP协议会话,客户端发送报头(请求报头):浏览器与远程Web服务器通过TCP三次握手协商来建立一个TCP/IP连接。该握手包括一个同步报文,一个同步-应答报文和一个应答报文,这三个报文在 浏览器和服务器之间传递。该握手首先由客户端尝试建立起通信,而后服务器应答并接受客户端的请求,最后由客户端发出该请求已经被接受的报文。

        5、进入到web服务器上的 WebServer,如 Apache、Tomcat、Node.JS 等服务器;

        6、进入部署好的后端应用,如PHP、JavaJavaScriptPython 等,找到对应的请求处理;

        7、处理结束回馈报头,此处如果浏览器访问过,缓存上有对应资源,会与服务器最后修改时间对比,一致则返回304;

        8、浏览器开始下载html文档(响应报头,状态码200),同时使用缓存;

        9、文档树建立,根据标记请求所需指定MIME类型的文件(比如css、js),同时设置了cookie;

       10、浏览器会解析HTML生成DOM Tree,其次会根据CSS生成CSSRule Tree,而javascript又可以根据DOMAPI操作DOM,执行事件绑定等,页面显示完成。

  • 相关阅读:
    一次访问ORACLE数据字典的优化
    利用分区优化SQL
    转行程序员的故事
    有一个苹果
    ubuntu10.04启动后出现grub rescue 模式
    source 命令 && . 命令
    ubuntu10.04启动后出现grub rescue 模式
    Android 各国语言缩写各国语言简称 .
    cpu的核心数、线程数、处理器的位数、操作系统的位数、能够支持最大内存 小结
    产品生产的各个阶段:DV,EV,PV ········是什么意思
  • 原文地址:https://www.cnblogs.com/calamus/p/5870235.html
Copyright © 2011-2022 走看看