![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
浏览器
文章平均质量分 82
今天晚上一定要早睡
这个作者很懒,什么都没留下…
展开
-
重绘(repaint)和回流(reflow)
重绘和回流浏览器渲染(页面加载)的过程DOM 树 和 渲染树 的区别:回流触发reflow重绘重绘和回流(重排)的区别和关系减少回流 浏览器渲染(页面加载)的过程 解析 HTML 构建 DOM(DOM 树),并行请求 css/image/js CSS 文件下载完成,开始构建 CSSOM(CSS 树) CSSOM 构建结束后,和 DOM 一起生成渲染树(render 树就是根据 可视化节点 和 css 样式表 结合诞生出来的树) 布局(Layout):计算出每个节点在屏幕中的位置 显示(Painting):原创 2021-11-17 20:04:43 · 101 阅读 · 0 评论 -
从浏览器输入URL到渲染完整个页面的过程
从浏览器输入URL到渲染完整个页面的过程1.获取IP地址2.TCP/IP三次握手建立连接3.浏览器向web服务器发送http请求4.浏览器渲染5.四次挥手断开连接 1.获取IP地址 在应用层通过DNS将域名解析成IP地址。 2.TCP/IP三次握手建立连接 知道了服务器的IP地址后,浏览器利用tcp协议通过三次握手与服务器建立连接。 建立连接需要三个过程(三次握手): 客户机向服务器发送一个建立连接的请求(客户机向服务器拨打电话) 服务器接到请求后发送同意连接的信号(服务器接听电话) 主机接到同意连接的信号原创 2021-11-08 19:58:49 · 2097 阅读 · 0 评论