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

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

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

    1.1K100

    URL 从输入到页面渲染全流程

    前面的话   本文将详细介绍从输入URL到页面加载的全过程 概述   从输入URL到页面加载的主干流程如下:   1、浏览器构建HTTP Request请求   2、网络传输   3、服务器构建HTTP...6、物理层传输数据   数据链路层的帧(Frame)转换成二进制形式的比特(Bit)流,从网卡发送出去,再把比特转换成电子、光学或微波信号在网络中传输 【总结】   上面的6个步骤可总结为:DNS解析URL...接着在网络层重新封装成数据包packet,下沉到数据链路层重新封装成帧frame,下沉到物理层,转换成二进制比特流,发送出去 ?...,解码成Unicode字符   (2)分词:按照一定的切词规则,将Unicode字符流切成一个个的词语(Tokens)   (3)解析:根据词语的语义,创建相应的节点(Node)   (4)建树:将节点关联到一起...),即根据时间(timer)或事件(event)映射一棵DOM树到另一棵DOM树   简单来说,经过了Parser模块的处理,浏览器把页面文本转换成了一棵节点带CSS Style、会响应自定义事件的Styled

    1.5K10

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

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

    1K20

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

    当你在浏览器中输入一个地址时,例如www.baidu.com,其实不是百度网站真正意义上的地址。互联网上每一台计算机的唯一标识是它的IP地址,但是IP地址并不方便记忆。...所以互联网设计者需要在用户的方便性与可用性方面做一个权衡,这个权衡就是一个网址到IP地址的转换,这个过程就是DNS解析。它实际上充当了一个翻译的角色,实现了网址到IP地址的转换。...远程服务器找到资源并使用HTTP响应返回该资源,服务器返回给浏览器的文本信息,通常HTML, CSS, JS, 图片等文件就放在这一部分。值为200的HTTP响应状态表示一个正确的响应。...4、浏览器解析渲染页面 在收到HTML,CSS,JS文件后,浏览器通过WebKit渲染,将页面呈现到屏幕上。下图对应的就是WebKit渲染的过程。 ?...浏览器将重复以上过程下载该资源。

    55640

    从输入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绘制所有节点

    94230

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

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

    56640

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

    第一步:用户输入 首先,浏览器进程接收到用户输入的 URL 请求,浏览器进程便将该 URL 转发给网络进程。然后,在网络进程中发起真正的 URL 请求。...用户输入后详细流程 1.当用户在地址栏中输入一个查询关键字时,有两种情况 搜索内容:地址栏会使用浏览器默认的搜索引擎,来合成新的带搜索关键字的 URL。...请求的 URL:比如输入的是 baidu.com,那么地址栏会根据规则,把这段内容加上协议,合成为完整的 URL,如 www.baidu.com/,还有当输入www.baidu.com会变成 www.baidu.com...这里设计到状态码的,可以在当前目录找到相关的文章 比如遇到的状态码是 301/302/306/307,这些都是重定向的状态码 那么说明服务器需要浏览器重定向到其他 URL。...第三步:准备渲染 网络进程将请求到的文档传给浏览器主进程,主进程通知渲染进程,渲染进程和网络进程建立连接管道, 将网络进程请求到的 html 文档,渲染到页面上。

    75800

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

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

    1.1K10

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

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

    1.9K30

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

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

    1.2K10
    领券