从url输入到渲染的整个过程

2019-04-15 admin

http从发送到接收的过程 [http的请求阶段] 1)在有网的前提下,在浏览器输入域名 2)浏览器把这个域名发送给DNS解析器 3)DNS解析器根据发送过来的url,解析出一个服务器的IP地址 4)DNS解析器最终把请求发到对应的服务器上 【http响应阶段】 1)服务器根据DNS解析的内容,要找到对应的端口号; 2)把客户端请求的资源进行整理 3)服务器将打包的资源发送给客户端 [客户端响应阶段] 1、浏览器接收到服务器传输过来的内容和数据 2、浏览器把拉取回来的HTML和CSS进行渲染 3、在渲染的过程中,浏览器先要根据HTML形成DOM树,根据CSS形成CSS树,最后把DOM树 和CSS树合并成render渲染树,渲染成你想看到的页面;遍历render树,计算每个节点的位置大小信息, 将渲染树的每个节点部署到屏幕上

http的三次握手和四次挥手 1 第一次握手 客户端发送一个SYN码给服务器,要求建立数据连接; 2 第二次握手 服务器SYN和自己处理一个SYN:叫SYN+ACK发送给客户端,可以建立连接 3 第三次握手 客户端再次发送ACK向服务器,服务器验证ACK没有问题,则建立起连接; 三次握手成功,就可以进行数据传输了。

中断连接可以是客户端也可以是服务器 第一次挥手:客户端发送FIN报文,通知服务器已经传输完毕; 第二次挥手:服务器接收到之后,通知客户端我收到了SYN,发送ACK给客户端,数据还没有传输完成 第三次挥手:服务器已经传输完毕,再次发生SYN通知客户端数据已经传输完毕 第四次挥手:客户端再次发送ACK,进入TIME_WAIT状态,服务端和客户端关闭连接

[转载]原文链接:https://segmentfault.com/a/1190000018867739

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处。

转载请注明:文章转载自 JavaScript中文网 [https://www.javascriptcn.com]

本文地址:https://www.javascriptcn.com/read-61818.html

文章标题:从url输入到渲染的整个过程

相关文章
从2014年的发展来展望JS的未来将会如何
<font face="寰�杞�闆呴粦, Arial, sans-serif ">2014骞达紝杞�浠惰�屼笟鍙戝睍杩呴€燂紝鍚勭�嶈��瑷€灞傚嚭涓嶇┓锛屼互婊¤冻鐢ㄦ埛涓嶆柇鍙樺寲鐨勯渶姹傘€傝繖浜涜��...
2015-11-12
12个你未必知道的CSS小知识
虽然CSS并不是一种很复杂的技术,但就算你是一个使用CSS多年的高手,仍然会有很多CSS用法/属性/属性值你从来没使用过,甚至从来没听说过。 1.CSS的color属性并非只能用于文本显示 对于CSS的color属性,相信所有Web开发人员...
2015-11-12
破解前端面试(80% 应聘者不及格系列):从 闭包说起
不起眼的开始 招聘前端工程师,尤其是中高级前端工程师,扎实的 JS 基础绝对是必要条件,基础不扎实的工程师在面对前端开发中的各种问题时大概率会束手无策。在考察候选人 JS 基础的时候,我经常会提供下面这段代码,然后让候选人分析它实际运行的结...
2017-06-02
v-charts | 饿了么团队开源的基于 Vue 和 ECharts 的图表工具
在使用echarts生成图表时,经常需要做繁琐的数据类型转化、修改复杂的配置项,v-charts的出现正是为了解决这个 痛点。基于Vue2.0和echarts封装的v-charts图表组件,只需要统一提供一种对前后端都友好的数据格式 设置简...
2018-05-24
ajax为什么令人惊异?ajax的优缺点
使用Ajax的最大优点,就是能在不更新整个页面的前提下维护数据。这使得Web应用程序更为迅捷地回应用户动作,并避免了在网络上发送那些没有改变的信息。 Ajax不需要任何浏览器插件,但需要用户允许JavaScript在浏览器上执行。就像DHT...
2015-11-12
HTML5的5个不错的开发工具推荐
HTML5规范终于在今年正式定稿,对于从事多年HTML5开发的人员来说绝对是一个重大新闻。数字天堂董事长,DCloud CEO王安也发表了文章,从开发者和用户两个角度分析了HTML对两个人群的优势。其实,关于HTML5的开发工具,我们以往的...
2015-11-12
JavaScript教程:JS中的原型
Keith Peters 几年前发表的一篇博文,关于学习没有“new”的世界,其中解释了使用原型继承代替构造函数。两者都是纯粹的原型编码。 标准方法(The Standard Way) 一直以来,我们学习的在 JavaScript 里创建对...
2015-11-12
AJAX的浏览器支持
AJAX 的要点是 XMLHttpRequest 对象。 不同的浏览器创建 XMLHttpRequest 对象的方法是有差异的。 IE 浏览器使用 ActiveXObject,而其他的浏览器使用名为 XMLHttpRequest 的 Jav...
2015-11-12
HTML5究竟会火到什么地步
这已经是第N次,HTML5火热了起来,这次的火热是否可以延续? H5的最大优势就是可以在网页上直接调试和修改,而且更重要的是,它几乎不用考虑用户的机型与适配性问题。智能手机主要被分裂为两大系统:Android和iOS,一个做应用的团队,怎么...
2015-11-12
typeof、instanceof和contructor的区别
typeof:以字符串的形式返回变量的原始类型,typeof在两种情况下会返回"undefined":一个变量没有被声明的时候,和一个变量的值是undefined的时候,注意,typeof null也会返回object,...
2015-11-12
回到顶部