网络模型、回流、重绘

网络模型

·TCP/IP四层网络模型：应用层、传输层、网络层、物理链路层

 

·TCP/IP五层网络模型：应用层、传输层、网络层、数据链路层、物理层

发送时从上往下层层打包，接收时从下往上层层解包；

应用层直接展示于用户，如邮件、网页、文件中心，如http、https、ftp、pop3等；；

传输层则是一些网络协议，如TCP/IP协议（端与端）、UDP协议（广播）

网络层解决如何定位目标的功能，如ip地址

数据链路层将数据有效传播，如MAC地址、交换机

物理层，二进制信号转为相关数据，如电缆光缆双绞线等

 

·OSI七层网络模型：应用层、表示层、会话层、传输层、网络层、数据链路层、物理层

 

 回流和重绘

引发原因：html在加载过程中时会先解析HTML生成DOM树，解析css也会生成CSSOM树，而DOM树和CSSOM树结合就变成了渲染树RenderTree。

 

回流定义：当渲染树RenderTree中的元素的规模尺寸、布局、隐藏发生改变时就需要重新构建渲染树RenderTree，这个过程就是回流。

·触发原因：

1.添加或删除可见的DOM元素；2.元素位置发生改变；3.元素的尺寸改变---大小、宽高、填充、边框；

4.内容改变--比如文本改变，图片大小改变触发的宽高的改变；5.页面渲染初始化；6.浏览器窗口尺寸改变。

 

重绘定义：当渲染树RenderTree中元素的样式发生改变（不涉及大小或布局时），也会重新构建渲染树，这个过程叫重绘。

 

·回流一定会重绘，重绘不一定会回流。