url回车后过程

当我们在输入网址后按回车键浏览器会加载出我们想要的页面,但很多小伙伴们都不是很清楚从输入URL按回车键到页面呈现到底发生了什么,正好最近有复习这方面知识,便总结下,可以参考

 首先按下回车键后,浏览器会根据你输入的域名发送到DNS服务器上,        
 DNS服务器将进行动态域名解析,解析成对应的IP地址
 然后 浏览器将于远程服务器通过TCP三次握手协商来建立一个TCP/IP连
 接
 一旦TCP/IP连接建立,浏览器会通过该连接向远程服务器发送http请求,
 远程服务器找到资源并使用http响应返回该资源,浏览器接收服务器的响
 应结果,进行页面渲染

解析渲染步骤如下:
1.解析html
2.构建DOM树
3.DOM树与CSS样式进行附着构建呈现树
4.布局
5.绘制

在页面绘制时会出现重排和重绘的概念
重排(回流):DOM的变化影响了元素的几何属性,浏览器会重新计算元素的几何属性,会使渲染树中受到影响的部分失效,并重新构造这部分渲染树
重排很影响性能,尽量避免
重绘:在一个元素的外观被改变,但没有改变布局的情况
重排一定会引起重绘,但重绘不一定引起重排

重排发生的几种常见情况:
1.添加或删除可见的DOM元素
2.元素位置改变
3.元素尺寸改变
4.页面渲染初始化
5.浏览器窗口尺寸改变

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,787评论 1 92
  • 转载说明 一、介绍 浏览器可以被认为是使用最广泛的软件,本文将介绍浏览器的工作原理,我们将看到,从你在地址栏输入g...
    17碎那年阅读 2,469评论 0 22
  • 简介浏览器可以被认为是使用最广泛的软件,本文将介绍浏览器的工 作原理,我们将看到,从你在地址栏输入google.c...
    听风阁阅读 3,307评论 0 7
  • 开始上网,输入 url 当我们开始输入 url 的时候,浏览器就已经开始匹配 url ,从历史纪录,书签等,找到已...
    白日梦想家x阅读 429评论 0 0
  • 1. 介绍 浏览器可能是最广泛使用的软件。本书将介绍浏览器的工作原理。我们将看到,当你在地址栏中输入google....
    康斌阅读 2,048评论 7 18