首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

(1)当你输入URL页面显示经历了什么--URLIP地址

开发人员基本上都能说出几点,而牛人更可在自己擅长的地方发挥淋漓尽致。...由于知识有限,我只从下面四点说说对此问题的认知: URLIP地址的转变 浏览器发出请求 服务器处理请求并返回 浏览器接收请求并显示结果 整个过程和下图基本相同: ?...这次只说第一步: 1.URLIP地址的转变 由于人对记住毫无意义的数字(IP地址)吃力,而对有意义的字母组合(域名)更容易接受,而机器对数字更加敏感。...为了能把两者联系上,就出现了 DNS (Domain Name System)可理解为翻译官,所以为了能访问一个网站,首先要把URL转为IP地址,查询的顺序如下: Browser cache:浏览器自身会缓存

1K100

URL输入页面渲染全流程

前面的话   本文详细介绍从输入URL页面加载的全过程 概述   从输入URL页面加载的主干流程如下:   1、浏览器构建HTTP Request请求   2、网络传输   3、服务器构建HTTP...使用本地一个大于1024以上的随机TCP源端口(这里假设是1030)建立目的服务器TCP80号端口(HTTPS协议对应的端口号是443)的连接,TCP源端口和目的端口被加入报文段中,学名叫协议数据单元...6、物理层传输数据   数据链路层的帧(Frame)转换成二进制形式的比特(Bit)流,从网卡发送出去,再把比特转换成电子、光学或微波信号在网络中传输 【总结】   上面的6个步骤可总结为:DNS解析URL...接着在网络层重新封装成数据包packet,下沉数据链路层重新封装成帧frame,下沉物理层,转换成二进制比特流,发送出去 ?...,解码成Unicode字符   (2)分词:按照一定的切词规则,Unicode字符流切成一个个的词语(Tokens)   (3)解析:根据词语的语义,创建相应的节点(Node)   (4)建树:节点关联一起

1.4K10

URL输入页面展现到底发生什么?

前言 打开浏览器从输入网址网页呈现在大家面前,背后到底发生了什么?经历怎么样的一个过程?先给大家来张总体流程图,具体步骤请看下文分解! ?...一、URL 到底是啥 URL(Uniform Resource Locator),统一资源定位符,用于定位互联网上资源,俗称网址。...MVC 是一个设计模式,应用程序分成三个核心部件:模型(model)-- 视图(view)--控制器(controller),它们各自处理自己的任务,实现输入、处理和输出的分离。 ?...(第四次挥手:由浏览器发起,告诉服务器,我响应报文接受完了,我准备关闭了,你也准备吧) 参考文章 从输入页面地址展示页面信息都发生了些什么?...前端经典面试题: 从输入 URL 页面加载发生了什么?

1K20

URL 输入页面展现发生了什么

当你在浏览器中输入一个地址时,例如www.baidu.com,其实不是百度网站真正意义上的地址。互联网上每一台计算机的唯一标识是它的IP地址,但是IP地址并不方便记忆。...所以互联网设计者需要在用户的方便性与可用性方面做一个权衡,这个权衡就是一个网址IP地址的转换,这个过程就是DNS解析。它实际上充当了一个翻译的角色,实现了网址IP地址的转换。...该握手包括一个同步报文,一个同步-应答报文和一个应答报文,这三个报文在 浏览器和服务器之间传递。...4、浏览器解析渲染页面 在收到HTML,CSS,JS文件后,浏览器通过WebKit渲染,页面呈现屏幕上。下图对应的就是WebKit渲染的过程。 ?...浏览器重复以上过程下载该资源。

52840

输入url看到页面的过程分析

但最终我还是决定选择用这个经典的问题,网络知识串成线。理解从输入url看到页面的过程,弄明白这中间有哪些步骤,再仔细分析这些步骤的原理和行为,是我所能想到最清晰的一条知识脉络了。 2....step1:浏览器解析url 浏览器会对我们输入url进行解析,主要将其分为下部分:协议、网络地址、资源路径。...这里浏览器对输入url解析为如下内容: url:http://www.ruanyifeng.com/blog/2016/08/http.html 协议:http 网络地址(网站名):www.ruanyifeng.com...总结 以上步骤只是大略地解析了从浏览器输入url最终页面展示在用户眼前的流程,更多细节我会开单章进行讲解。...参考 "天龙八步"细说浏览器输入URL后发生了什么 【译】从输入URL页面渲染完成 从输入 URL 页面加载完的过程中都发生了什么事情?

1.3K30

输入URL渲染出整个页面的过程

输入URL渲染出整个页面的过程包括三个部分: DNS解析URL > 浏览器发送请求与服务器交互 > 浏览器对接收到的html页面渲染 ?...---- 一、DNS解析URL的过程 DNS解析的过程就是寻找哪个服务器上有请求的资源。因为ip地址不容易记忆,一般会使用URL域名(如www.baidu.com)作为网址。...DNS解析就是域名翻译成IP地址的过程。...5)根服务器:本地服务器找不到之后,就要向根服务器发出请求,进行递归查询 二、浏览器与服务器交互过程 1)浏览器根据解析的IP地址和端口号发起http请求 http请求包括header和body...解析成CSS DOM树 3)dom树和CSS DOM树构造成render树 4)根据得到的render树 计算所有节点在屏幕中的位置进行布局 5)遍历render树并调用硬件API绘制所有节点

90630

URL输入页面展现到底发生什么?

:TCP 四次挥手一、什么是URL?...filename - 定义文档/资源的名称query - 即查询参数fragment - 即 # 后的hash值,一般用来定位某个位置二、DNS域名解析在浏览器输入网址后...http1.0 中认为每台服务器都绑定一个唯一的 IP 地址,因此,请求消息中的 URL 并没有传递主机名(hostname)。...因此有了 host 字段,这样就可以请求发往同一台服务器上的不同网站。http1.1 相对于 http1.0 还新增了很多请求方法,如 PUT、HEAD、OPTIONS 等。...对于如何优化动画,我们知道,一般情况下,动画需要频繁的操作DOM,就就会导致页面的性能问题,我们可以动画的position属性设置为absolute或者fixed,动画脱离文档流,这样他的回流就不会影响页面了

54640

输入URL页面展示到底发生了什么

地址:http://www.cnblogs.com/xianyulaodi/ 作者:咸鱼老弟 刚开始写这篇文章还是挺纠结的,因为网上搜索“从输入url页面展示到底发生了什么”,你可以搜到一大堆的资料。...本文的目的是通过输入url之后发生的事情来做知识的总结和扩展。所以文章可能会很杂。...总的过程大概如下: 1、输入地址 当我们开始在浏览器中输入网址的时候,浏览器其实就已经在智能的匹配可能得 url 了,他会从历史记录,书签等地方,找到已经输入的字符串可能对应的 url,然后给出智能提示...此时,客户端不是直接通过HTTP协议访问某网站应用服务器,而是先请求Nginx,Nginx再请求应用服务器,然后结果返回给客户端,这里Nginx的作用是反向代理服务器。...有的文件可能会不需要与服务器通讯,而从缓存中直接读取,或者可以放到CDN中   至此,从输入url页面展示的过程终于整理完了。

1.8K30

输入url页面展示到底发生了什么?

刚开始写这篇文章还是挺纠结的,因为网上搜索“从输入url页面展示到底发生了什么”,你可以搜到一大堆的资料。...最近刚好也在看http协议相关的东西,所以想对这个话题来个深入的总结,本文的目的是通过输入url之后发生的事情来做知识的总结和扩展。所以文章可能会很杂。...总的过程大概如下: ---- 1、输入地址 当我们开始在浏览器中输入网址的时候,浏览器其实就已经在智能的匹配可能得 url 了,他会从历史记录,书签等地方,找到已经输入的字符串可能对应的 url,然后给出智能提示...301和302状态码都表示重定向,就是说浏览器在拿到服务器返回的这个状态码后会自动跳转到一个新的URL地址,这个地址可以从响应的Location首部中获取(用户看到的效果就是他输入的地址A瞬间变成了另一个地址...此时,客户端不是直接通过HTTP协议访问某网站应用服务器,而是先请求Nginx,Nginx再请求应用服务器,然后结果返回给客户端,这里Nginx的作用是反向代理服务器。

90510

输入 URL 渲染页面整个过程 梳理篇

第一步:用户输入 首先,浏览器进程接收到用户输入URL 请求,浏览器进程便将该 URL 转发给网络进程。然后,在网络进程中发起真正的 URL 请求。...请求的 URL:比如输入的是 baidu.com,那么地址栏会根据规则,把这段内容加上协议,合成为完整的 URL,如 www.baidu.com/,还有当输入www.baidu.com会变成 www.baidu.com...等网络进程接收了响应行和响应头之后,就开始解析响应头的内容了,对于状态码 200,解析后的数据传递给浏览器进程。...第三步:准备渲染 网络进程请求的文档传给浏览器主进程,主进程通知渲染进程,渲染进程和网络进程建立连接管道, 网络进程请求的 html 文档,渲染页面上。...当我们输入了地址不会马上跳转,因为资源请求,解析,数据传递的操作。 默认情况下,Chrome 会为每个页面分配一个渲染进程,也就是说,每打开一个新页面就会配套创建一个新的渲染进程。

72400

输入URL页面展示到底发生了什么

刚开始写这篇文章还是挺纠结的,因为网上搜索“从输入url页面展示到底发生了什么”,你可以搜到一大堆的资料。...本文的目的是通过输入url之后发生的事情来做知识的总结和扩展。所以文章可能会很杂。...总的过程大概如下: 1、输入地址 当我们开始在浏览器中输入网址的时候,浏览器其实就已经在智能的匹配可能得 url 了,他会从历史记录,书签等地方,找到已经输入的字符串可能对应的 url,然后给出智能提示...此时,客户端不是直接通过HTTP协议访问某网站应用服务器,而是先请求Nginx,Nginx再请求应用服务器,然后结果返回给客户端,这里Nginx的作用是反向代理服务器。...有的文件可能会不需要与服务器通讯,而从缓存中直接读取,或者可以放到CDN中   至此,从输入url页面展示的过程终于整理完了。

1.2K10
领券