CSS面试题什么是回流（reflow）？重绘（repaint

　　下面的两个问题还是比较常问到的，希望大家能够好好的记忆一下。1。什么是回流（reflow）？重绘（repaint）？11。回流的核心概念：1。当renderTree中的一部分（或者全部）因元素的规模尺寸、布局、隐藏等改变而需要重新构建，这就称为回流。2。当页面布局和集合属性改变时就需要回流。12。回流详细解析：1。回流更多的是涉及到页面元素大小的变化，尺寸的变化，布局的变化，这些核心概念变化的时候，会触发回流。2。实例：网站的懒加载，在下滑的时候会有图片增加到我们的domTree上，这就是典型的一种RenderTree在动态过程中它的布局改变。3。实例：对图片做一些特殊的效果，如鼠标放上变大，这种场景图片大小的变化，也是会触发回流的。21。重绘的核心概念：1。当renderTree中的一些元素需要更新属性，而这些属性只是影响元素的外观，风格，而不会影响布局，比如backgroundcolor，这就是重绘。22。重绘详细解析：1。涉及重绘的时候，不一定触发回流；回流是一定会触发重绘的3。重绘与回流这些与浏览器本身也是有关系的。1。不同的浏览器渲染机制不一样，重绘与回流发生的情况也不一样。2。那些CSS属性会触发回流？1。触发页面重新布局的属性：1。盒模型相关的属性会触发重新布局。1。width2。height3。padding4。margin5。display6。boederwidth7。border8。minheight2。定位属性以及浮动也会触发重新布局。1。top2。bottom3。left4。right5。position6。float7。clear3。改变节点内部文字结构也会触发重新布局。1。textalgin2。overflowy规定是否对内容的上下边缘进行裁剪如果溢出元素内容区域的话滚轮3。fontweight4。overflow5。fontfamily6。lineheight7。vertivalalgin设置元素的垂直对齐方式8。whitespace设置如何处理元素内的空白9。fontsize3。那些CSS属性会触发重绘？1。那些CSS属性会触发重绘（只会触发重绘不会触发回流）？1。color2。borderstyle3。borderradius4。visibility规定元素是否可见5。textdecoration规定添加到文本的修饰6。background7。backgroundimage8。backgroundposition9。backgroundrepeat10。backgroundsize11。outlinecolor12。outline13。outlinestyle14。outlinewidth设置元素整个轮廓的宽度15。boxshadow阴影
　　这里就是一些概念性的内容与需要加深记忆的内容，最好的方法就是每天都来看一遍。
　　之前有整理过部分知识点，现在将整理的相关内容，验证之后慢慢分享给大家；这个专题是前端面试题的相关专栏；大概会有200的文章。
　　如果对大家有所帮助，可以点个关注、点个赞；文章会持续打磨。
　　有什么想要了解的前端知识，可以在评论区留言，会及时分享所相关内容。