一个页面从输入 URL
到页面加载显示完成,这个过程中都发生了什么?
分为4个步骤:
- 当发送一个
URL
请求时,不管这个URL
是Web
页面的URL
还是Web
页面上每个资源的URL
,浏览器都会开启一个线程来处理这个请求,同时在远程DNS
服务器上启动一个DNS
查询。这能使浏览器获得请求对应的IP
地址。 - 浏览器与远程
Web
服务器通过TCP
三次握手协商来建立一个TCP/IP
连接。该握手包括一个同步报文,一个同步-应答报文和一个应答报文,这三个报文在 浏览器和服务器之间传递。该握手首先由客户端尝试建立起通信,而后服务器应答并接受客户端的请求,最后由客户端发出该请求已经被接受的报文。 - 一旦
TCP/IP
连接建立,浏览器会通过该连接向远程服务器发送HTTP
的GET
请求。远程服务器找到资源并使用HTTP
响应返回该资源,值为 200 的HTTP
响应状态表示一个正确的响应。 - 此时,
Web
服务器提供资源服务,客户端开始下载资源。
请求返回后,便进入了我们关注的前端模块
简单来说,浏览器会解析 HTML
生成 DOM Tree
,其次会根据 CSS
生成 CSS Rule Tree
,而 javascript
又可以根据 DOM API
操作 DOM
推荐:
- 持续更新,致力于做一个持久的搬运工!
- 下面是已经整理好的面试题PDF获取和相关进阶学习书籍资料地址,有需求戳一下
- 2020前端面试题总结合集
网友评论