从输入URL到页面加载发生了什么？

最新推荐文章于 2023-05-12 22:57:04 发布
最新推荐文章于 2023-05-12 22:57:04 发布
阅读量102 收藏
点赞数
分类专栏： 面试题汇总
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36434345/article/details/103313744
版权

具体来说分为以下几个过程：
1.DNS解析
2.TCP连接
3.发送HTTP请求
4.服务器处理请求并返回HTTP报文
5.浏览器解析渲染页面
6.连接结束
注释：
DNS 的作用就是通过域名查询到具体的 IP
TCP 握手，应用层会下发数据给传输层
TSL握手，数据在进入服务端之前，可能还会先经过负责负载均衡的服务器，它的作用就是将请求合理的分发到多台服务器上，这时假设服务端会响应一个 HTML 文件。
返回码
1xx消息:请求已被接受，需要继续处理。
2xx成功:请求已成功被服务器接收、理解并接受。
3xx重定向
4xx:客户端错误
5xx:服务器错误

饭啦啦
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
经典面试题-----从输入url到页面加载完成都发生了什么？(1)
superyuan567的博客
03-01 2136
题目：从输入url到页面加载完成都发生了什么？ 这个过程是十分复杂的，我也是看了很多文章后过来总结一下看到的内容。先贴出这篇博客，总结的很好，也很全面。 整个过程大致可以分为几下几个阶段： 1. DNS域名解析 2. 客户端和服务器建立TCP连接 3. 客户端发送 HTTP请求 4. 服务器处理请求返回HTTP响应 5. 浏览器解析和渲染页面 6. 关闭连接 接下来会详细讲解一下这几大过程。 1....
从输入 URL 到页面加载完成中间都经历了什么
luoluoxx0115的博客
11-23 7376
目录概述1、URL解析2、DNS解析3、TCP连接4、HTTP请求5、HTTP响应6、页面渲染 概述 1、URL解析：地址栏输入地址，浏览器对输入内容进行解析，判断URL的合法性，和是否有可用缓存 2、DNS解析：域名解析系统（DNS）查找对应的IP地址 3、TCP连接：浏览器向服务器发起TCP连接，与浏览器建立TCP三次握手 4、HTTP请求：浏览器将http请求数据发给服务器（客户端–>服务器） 5、HTTP响应：服务器处理收到的请求，返回响应结果至浏览器（服务器–>客户端） 6、页面
从输入URL到页面展示发生了什么？
澄白易的博客
06-19 2265
从输入url按下回车后，我们进入了第一步就是 DNS 解析过程，首先需要找到这个 url 域名的服务器 ip,为了寻找这个 ip，浏览器首先会寻找缓存，查看缓存中是否有记录缓存的查找记录为：浏览器缓存 -> 系统缓存 -> 路由器缓存，缓存中没有则查找系统的 hosts 文件中是否有记录。如果没有缓存则查询 DNS 服务器，得到服务器的 ip 地址后，浏览器根据这个 ip 以及相应的端口号发送连接请求；如果DNS服务器中没有解析成功，他会向上一步获得的顶级DNS服务器发送解析请求。这个连接请求到达服务器端后
从输入url到加载完页面发生了什么？
CC_Together的博客
04-17 3928
我愿称之为绝杀面试题，计算机网络方面的知识甚至浏览器的渲染机制，同时考察知识面的广度和深度，面试官问这一个题就足以探清你这方面知识的掌握情况。另一方面了解这其中的细节，对于前端优化来说也至关重要，本文也只能尽自己所了解到的进行总结。
前端经典面试题：在浏览器从输入 URL 到页面加载显示完成的过程？从输入URL到页面加载发生了什么？
南北极之间
06-20 2613
总体来说分为以下几个过程: DNS解析 TCP连接 发送HTTP请求 服务器处理请求并返回HTTP报文 浏览器解析渲染页面 连接结束 具体过程 资料： https://segmentfault.com/a/1190000006879700https://segmentfault.com/a/1190000006879700 ......
浏览器输入URL后发生了什么？
热门推荐
了解➔熟悉➔掌握➔精通
02-12 7万+
分享一个大牛的人工智能教程。零基础！通俗易懂！风趣幽默！希望你也加入到人工智能的队伍中来！请点击http://www.captainbed.net Definition Without violating encapsulation, capture and externalize an object's internal state so that the object can be re...
从输入url到页面完成加载发生了什么（完整版）
程序员小明1024
10-06 6073
.markdown-body { line-height: 1.75; font-weight: 400; font-size: 16px; overflow-x: hidden; color: rgba(51, 51, 51, 1) } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .ma...
经典笔试题：一个页面从输入URL到页面加载显示完成，这个过程都发生什么？
weixin_45295262的博客
11-08 1677
笔记是我自己总结的，不对的地方多多指出~ 整体过程： 1.首先，在浏览器地址栏输入url,回车 2.根据Url,浏览器先查看浏览器缓存-系统缓存-路由缓存…，如果缓存中有，会从缓存中读取并显示，若没有，则跳到第三步 3.在发送http请求前，先进行DNS域名解析，获取访问的IP地址 4.浏览器向服务器发起tcp连接，与浏览器建立tcp三次握手。 5.握手成功后，浏览器和服务器已经建立了通信，浏览器向服务器发送http请求，请求数据包。 6.服务器接收到请求，处理请求并返回url指定数据给浏览器。 7.浏览器
从输入URL到页面展示这中间发生了什么
好好学习天天向上
06-17 2409
仅仅打开了1个页面，为什么有4个进程？ 因为打开1个页面至少需要1个网络进程、1个浏览器进程、1个GPU进程以及1个渲染进程，共4个进程是一个程序运行的实例，操作系统会为进程创建独立的内存，用来存放运行所需要的代码和数据 线程是进程的组成部分，每个进程可以有多个线程其中至少一个主线程，这些线程由所属的进程进行启动和管理。进程和线程之间关系的特点:浏览器接收到输入的URL后，先对URL解析，把我们请求需要的协议、域名、端口、路径这些信息解析提取出来。 URL结构:，判断用户输入的是 还是？网络进程会查找本地
在浏览器从输入URL到页面加载完成都经历了什么/一个完整的URL解析过程详细介绍
snowball的博客
05-12 2370
如果本地没有缓存该域名的IP地址，就需要通过递归或迭代的方式向根域名服务器、顶级域名服务器、权威域名服务器发起查询请求，直至返回一个IP地址给浏览器。IP地址就像是一个街道，让你直到具体在哪个街道（哪个主机），端口号就像是门牌号，告诉你是哪家（哪个进程）如果浏览器没有缓存，电脑会查看本地操作系统的缓存，如果有记录，直接返回结果（host文件）浏览器会首先查看自身的缓存，如果浏览器缓存中有对应的解析记录，直接返回结果。协议是从该计算机获取资源的方式，常见的是HTTP，HTTPS，FTP等。
概述一个页面从输入URL到页面加载完的过程
08-31
【页面加载过程】是从用户在浏览器中输入URL到最终页面完全加载完毕的一系列复杂网络活动。这个过程可以分为几个关键步骤： 1. **域名解析**：首先，浏览器需要将输入的URL转换为服务器的IP地址。这涉及到DNS...
04丨导航流程：从输入URL到页面展示，这中间发生了什么？1
08-03
综上所述，从用户输入URL到页面展示的过程涵盖了网络请求、DNS解析、TCP连接、TLS安全、HTTP交互、渲染与重定向等多个环节，每个环节都是浏览器展现网页内容不可或缺的一部分。这一系列复杂的过程，充分体现了现代...
开源bbs源码java-http-protocol:输入URL到页面加载的过程
06-06
从输入URL到页面加载的过程 由一道题完善自己的前端知识体系 目录 从浏览器接收url到开启网络请求线程(浏览器的机制以及进程与线程之间的关系) 开启网络线程到发出一个完整的http请求(dns查询,tcp/ip请求,五层因特网...
Web前端页面跳转并取到值
09-27
需要注意的是，由于涉及到跨域或同源策略的问题，这种页面间的通信通常依赖于特定的技术，例如使用了`window.parent`来访问父窗口（如果A页面是B页面的父窗口），或者使用URL查询参数、本地存储（localStorage或...
webpack和package.json常用到总结
qq_36434345的博客
10-20 2840
ES6 Moudule和 CommonJs区别 导出和引入的不一样 ES6 Moudule //导出 export default 模块名称 //引入 import 模块名称 from '文件路径' CommonJs //导出 module.export = 模块名称 //引入 const 模块名称 = require('文件路径') git命令行里的指令 //查看 webpack 是存在的...
如何解决vuex页面刷新数据丢失问题？
qq_36434345的博客
11-01 2295
1、问题描述： 一般在登录成功的时候需要把用户信息，菜单信息放置vuex中，作为全局的共享数据。但是在页面刷新的时候vuex里的数据会重新初始化，导致数据丢失。因为vuex里的数据是保存在运行内存中的，当页面刷新时，页面会重新加载vue实例，vuex里面的数据就会被重新赋值。 2、解决思路： 办法一：将vuex中的数据直接保存到浏览器缓存中（sessionStorage、localStorage、...
setTimeout、Promise、Async/Await的区别
qq_36434345的博客
11-02 470
setTimeout // 输出顺序：script start->script end->settimeout console.log("script start"); setTimeout(function(){ console.log("settimeout"); }) console.log("script end"); Promise Promise 本身是同步的立即执行函...
JS如何处理异步
qq_36434345的博客
11-19 394
回调函数（callback） 回调是一个函数被作为一个参数传递到另一个函数里，在那个函数执行完后再执行。 function f1(callback){ 　　setTimeout(function () { 　　　　// f1的任务代码 　　　　callback(); 　　}, 1000); } // 执行 f1(f2) 优点：简单、方便、实用。 缺点：易形成回调函数地狱。如果我们只有一个异步操作...
前端常见题汇总
qq_36434345的博客
10-19 214
1.事件执行机制 执行一个宏任务； 遇到微任务，放到微任务列队； 宏任务执行完毕，执行微任务列队中的任务； 微任务执行完毕后，GUI 线程接管，开始渲染页面； 渲染完成后，JS线程继续接管，开启下一个宏任务。 setTimeout和Promise执行顺序 题目一 setTimeout(function() { console.log(1) }, 0); new Promise(function(...
输人url到页面加载完成发生了什么?
最新发布
06-11
在用户输入 URL 地址到页面加载完成的过程中，大致可以分为以下几个步骤： 1. DNS 解析：浏览器会先检查本地 DNS 缓存中是否有该域名对应的 IP 地址，如果没有则向 DNS 服务器发送请求，获取域名对应的 IP 地址。 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值