CruxF / Blog

个人博客,记载学习的点点滴滴,怕什么技术无穷,进一寸有一寸的欢喜:sparkles:
63 stars 19 forks source link

前端工程师面试指南——网络篇 #21

Closed CruxF closed 6 years ago

CruxF commented 6 years ago

OSI七层网络模型

image 参考

一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么?(流程说的越详细越好)

(1)、浏览器会开启一个线程来处理这个请求,对 URL 分析判断如果是 http 协议就按照 Web 方式来处理; (2)、调用浏览器内核中的对应方法,比如 WebView 中的 loadUrl 方法; (3)、通过DNS解析获取网址的IP地址,设置 UA 等信息发出第二个GET请求; (4)、进行HTTP协议会话,客户端发送报头(请求报头); (5)、进入到web服务器上的 Web Server,如 Apache、Tomcat、Node.JS 等服务器; (6)、进入部署好的后端应用,如 PHP、Java、JavaScript、Python 等,找到对应的请求处理; (7)、处理结束回馈报头,此处如果浏览器访问过,缓存上有对应资源,会与服务器最后修改时间对比,一致则返回304; (8)、浏览器开始下载html文档(响应报头,状态码200),同时使用缓存; (9)、文档树建立,根据标记请求所需指定MIME类型的文件(比如css、js),同时设置了cookie; (10)、页面开始渲染DOM,JS根据DOM API操作DOM,执行事件绑定等,页面显示完成。

浏览器渲染页面的过程