FE-Interview icon indicating copy to clipboard operation
FE-Interview copied to clipboard

从输入 URL 到页面加载全过程

Open lgwebdream opened this issue 5 years ago • 2 comments

lgwebdream avatar Jul 06 '20 15:07 lgwebdream

扫描下方二维码,获取答案以及详细解析,同时可解锁800+道前端面试题。

lgwebdream avatar Jul 06 '20 15:07 lgwebdream

1、浏览器查看缓存(浏览器缓存、系统缓存、路由缓存),如果缓存中有,直接在屏幕上展示页面内容。 2、如果缓存中没有,浏览器向DNS服务器请求解析url中的域名对应的ip地址。 3、解析出ip地址后,根据ip地址和默认端口80和服务器建立TCP连接(如果有HTTPS,多一层TLS握手)。 4、浏览器向服务器发出读取文件的HTTP请求 5、服务器对浏览器请求做出响应,并把对应的html文本发送给浏览器 6、释放tcp链接 7、浏览器将HTML文本内容展示在屏幕上。

talang1991 avatar Jun 05 '24 07:06 talang1991