当面试官问到,请你说说看"从输入 URL 到页面展示,这中间发生了什么?" 以前的我是这样回答的: 用户输入URL后,向服务器端发起请求.如果顺利,得到网络响应之后,浏览器对资源进行解析.最后将其渲染到页面上. 具体步骤为: 首先构建请求 查找缓存,如果命中缓存,直接使用缓存资源 否则进行DNS解析,将域名转换成对应的IP地址 建立TCP连接 发送HTTP请求 如果顺利得到网络响应,浏览器开始解析和渲染 HTML解释器 解析HTML 为 DOM树 同时CSS解释器 解析CSS文档 为

详细介绍:老生常谈-从输入url到页面展示到底发生了什么 (1)一次完整的HTTP事务的过程 基本流程: a. 域名解析 b. 发起TCP的3次握手 c. 建立TCP连接后发起http请求 d. 服务器端响应http请求,浏览器得到html代码 e. 浏览器解析html代码,并请求html代码中的资源 f. 浏览器对页面进行渲染呈现给用户 (2)从输入URL到网页展示,浏览器都经历了什么? 参考:https://zhuanlan.zhihu.com/p/27850818

在浏览器中输入URL后,执行的全部过程.会用到哪些协议?(一次完整的HTTP请求过程) 整个流程如下: 域名解析 为了将消息从你的PC上传到服务器上,需要用到IP协议.ARP协议和OSPF协议. 发起TCP的三次握手 建立TCP连接后发起HTTP请求 服务器响应HTTP请求 浏览器解析html代码,并请求HTML代码中的资源(如js.css.图片等) 断开TCP连接 浏览器对页面进行渲染呈现给用户 域名解析 比如要查询www.baidu.com的IP地址: 1.浏览器搜索自己的DNS缓存(维护一

前言 见解有限,如有描述不当之处,请帮忙指出,如有错误,会及时修正. 为什么要梳理这篇文章? 最近恰好被问到这方面的问题,尝试整理后发现,这道题的覆盖面可以非常广,很适合作为一道承载知识体系的题目. 关于这道题目的吐槽暂且不提(这是一道被提到无数次的题,得到不少人的赞同,也被很多人反感),本文的目的是如何借助这道题梳理自己的前端知识体系! 窃认为,每一个前端人员,如果要往更高阶发展,必然会将自己的知识体系梳理一遍, 没有牢固的知识体系,无法往更高处走! 展现形式:本文并不是将所有的知识点列一遍,

总体来说有两个大的方面: 一.网络通信连接部分.二.页面渲染展示部分. 细分详细过程: (网络通信) 1.输入url. 2.DNS解析域名. 3.拿到IP地址后,浏览器向服务器建立tcp连接. 4.浏览器向web服务器发送http请求. 5.服务器收到请求并响应. (页面渲染) 6.服务器返回相应文件,浏览器进行页面渲染. 详细描述之前,先拉个概念出来: 网络通信协议: 一.OSI模型(开放式系统互连) 1.应用层.文件传输,虚拟终端 TFTP,HTTP,SNMP,FTP,SMTP,DNS,Te

面试中经常会被问到这个问题吧,唉,我最开始被问到的时候也就能大概说一些流程.被问得多了,自己就想去找找这个问题的全面回答,于是乎搜了很多资料和网上的文章,根据那些文章写一个总结. 写得不好,或者有意见的直接喷,不用走流程.也欢迎大佬指点 首先这不是小问题,能把里面的过程说清楚真的很麻烦,然后下面我把这些知识点,按流程的形式总结的: 从浏览器接收url到开启网络请求线程 开启网络线程到发出一个完整的http请求 从服务器接收到请求到对应后台接收到请求 后台和前台的http交互 http的缓存问题

用户从输入 url 到浏览器响应,呈现给用户的具体过程 1.用户在输入栏输入地址 (1) 如果有 beforeunload 事件会先执行判断继续还是跳出操作 (2) 浏览器进程识别是 地址还是关键字检索 (3) 将正确的 url 地址发送给网络进程 2.网络进程查看有没有缓存 (1) 有缓存直接返回数据 (2) 没有缓存直接进入网络进程请求流程 3.浏览器进程查询 DNS 获取服务器 ip 地址 (1) 如果请求协议是 https 那么还需要建立TLS连接 (2) 利用ip地址和服务器建立 tc

转到浏览器中输入URL给你一个页面后,.有些事情,你每天都在使用,学的是计算机网络知道是怎么回事.DNS解析然后页面的回馈,只是要讲好还是有难度. 之前fex团队的nwind专门写过这个问题的博客: http://fex.baidu.com/blog/2014/05/what-happen/ 厉害的地方是将整个计算机体系和硬件都涉及进来,非常广非常深,太强大了. 然后找到一个StackOverFlow的答案: what happens when you type in a URL in brow

1.首先,在浏览器地址栏中输入url 2.浏览器先查看浏览器缓存-系统缓存-路由器缓存,如果缓存中有,会直接在屏幕中显示页面内容.若没有,则跳到第三步操作 3.在发送http请求前,需要域名解析(DNS解析),解析获取相应的IP地址 4.浏览器向服务器发起tcp连接,与浏览器建立tcp三次握手 5.握手成功后,浏览器向服务器发送http请求,请求数据包 6.服务器处理收到的请求,将数据返回至浏览器 7.浏览器收到HTTP响应 8.浏览器解析渲染页面:解析html源码;生成Dom树.解析css样式

1.域名解析当我们在浏览器中输入一个URL,例如”www.google.com”时,这个地址并不是谷歌网站真正意义上的地址.互联网上每一台计算机的唯一标识是它的IP地址,因此我们输入的网址首先需要先解析为IP地址,这一过程叫做DNS解析. DNS解析是一个递归查询的过程.例如,我们需要解析”www.google.com”时,会经历以下步骤: 在本地域名服务器中查询IP地址,未找到域名:本地域名服务器回向根域名服务器发送请求,未找到域名:本地域名服务器向.com顶级域名服务器发送请求,未找到域名:

输入地址 浏览器查找域名的 IP 地址 这一步包括 DNS 具体的查找过程,包括:浏览器缓存->系统缓存->路由器缓存... 浏览器向 web 服务器发送一个 HTTP 请求 服务器的永久重定向响应(从 http://example.com 到 http://www.example.com) 浏览器跟踪重定向地址 服务器处理请求 服务器返回一个 HTTP 响应 浏览器显示 HTML 浏览器发送请求获取嵌入在 HTML 中的资源(如图片.音频.视频.CSS.JS等等) 浏览器发送异步请求 1.我

整个流程如下: 域名解析 为了将消息从你的PC上传到服务器 上.需要用到1P协议.ARP协议和0SPF协议 发起TCP的3次握手 建立TCP连接后发起http请求 服务器响应htp请求 浏览器解析htm代码,并请求html代码中的资源(如js.css.图片等) 断开TCP连接 浏览器对页面进行渲染呈现给用户 一.域名解析的详细内部过程 例如,要查询www.baidu.com的IP地址(DNS解析url): 浏览器搜索自己的DNS缓存(维护一张域名与IP地址的对应表) 若没有,则搜索操作系统中的D

用户端请求步骤:DNS解析URL地址.生成HTTP请求报文.构建TCP连接.使用IP协议选择传输路线.数据链路层保证数据的可靠传输.物理层将数据转换成电子.光学或微波信号进行传输 网络传输: 从客户机到服务器需要通过许多网络设备, 一般地,包括集线器.交换器.路由器等 服务器处理及反向传输: 服务器接收到这个比特流,把比特流转换成帧格式,上传到数据链路层,服务器发现数据帧中的目的MAC地址与本网卡的MAC地址相同,服务器拆除数据链路层的封装后,把数据包上传到网络层.服务器的网络层比较数据包中的目

可以分为这几个大的过程: DNS解析 TCP连接 客户端发送HTTP请求 服务器处理请求并返回HTTP报文 浏览器解析渲染页面 结束 其中(1)DNS解析可以理解为主寻找这个IP地址的过程,其中如果找到IP地址会进行本地缓存,以便下次继续使用 (2)HTTP协议是使用TCP作为其传输层协议的 (3)HTTP请求报文是由三部分组成: 请求行, 请求报头和请求正文.  例如请求行:GET index.html HTTP/1.1,常见的请求报头有: Accept, Accept-Charset, Ac

可以分为这几个大的过程: DNS解析 TCP连接 客户端发送HTTP请求 服务器处理请求并返回HTTP报文 浏览器解析渲染页面 结束 其中(1)DNS解析可以理解为主寻找这个IP地址的过程,其中如果找到IP地址会进行本地缓存,以便下次继续使用 (2)HTTP协议是使用TCP作为其传输层协议的 (3)HTTP请求报文是由三部分组成: 请求行, 请求报头和请求正文. (4)HTTP响应报文也是由三部分组成: 状态码, 响应报头和响应报文.  状态码是由3位数组成,第一个数字定义了响应的类别,且有五种

总体来说分为以下几个过程:1. DNS 解析2. TCP 连接3. 发送 HTTP 请求4. 服务器处理请求并返回 HTTP 报文5. 浏览器解析渲染页面6. 连接结束

过程 1.DNS解析 2.TCP连接 3.发送HTTP请求 4.服务器处理请求并返回HTTP报文 5.浏览器解析渲染页面 6.连接结束

出处:http://mp.weixin.qq.com/s/qMsf4DcMhn2cf0fXC-PLVA 强缓存与弱缓存 缓存可以简单的划分成两种类型: 强缓存( 200fromcache)与 协商缓存( 304). 区别简述如下: 强缓存( 200fromcache)时,浏览器如果判断本地缓存未过期,就直接使用,无需发起http请求. 协商缓存( 304)时,浏览器会向服务端发起http请求,然后服务端告诉浏览器文件未改变,让浏览器使用本地缓存. 对于协商缓存,使用 Ctrl+F5强制刷新可以使

整个流程如下: 域名解析 为了将消息从你的PC上传到服务器上,需要用到IP协议.ARP协议和OSPF协议. 发起TCP的三次握手 建立TCP连接后发起HTTP请求 服务器响应HTTP请求 浏览器解析html代码,并请求HTML代码中的资源(如js.css.图片等) 断开TCP连接 浏览器对页面进行渲染呈现给用户 域名解析协议 比如要查询www.baidu.com的IP地址: 1.浏览器搜索自己的DNS缓存(维护一张域名与IP地址的对应表): 2.若没有,则搜索操作系统中的DNS缓存(维护一张域名

这篇文章是转载自:安度博客,http://www.itbbu.com/1490.html 在很多地方看到,感觉不错,理清了自己之前的一些思路,特转过来留作记录. 一个HTTP请求的过程 为了简化我们先从一个HTTP请求开始,简要介绍一下一个HTTP求情的网络传输过程,也就是所谓的“从输入 URL 到页面下载完的过程中都发生了什么事情”,直白点就是:输入网址到打开网页这个过程中都发生了什么,你不知道的事情. ● DNS Lookup 先获得URL对应的IP地址 ● Socket Connect 浏

之前我们已经讨论过浏览器的渲染原理,今天我们来讨论下更广泛的从输入URL到渲染出页面的过程. 1. 查询该URL是否有缓存 如果有,则直接返回,没有的话,下一步 2. 查询URL对应的IP 首先,到 host 文件查找,如果找到则返回. 如果没有找到,去访问 DNS 服务器(一般先访问本地路由器,没有再访问更高级的 DNS 服务器),最终得到对应的 IP 3. 建立 TCP 连接 首先,通过 IP 协议,指定 出发地 和 目的地 然后,通过 OSPF 协议,计算路由的最佳路径,得到路过的每个路由