浅谈重绘和回流的解析

目录

• 重绘和回流：
• 关于字体颜色的设置：
• 关于替代：
• 关于操作html：

重绘和回流：

repaint(重绘) ，repaint发生更改时，元素的外观被改变，且在没有改变布局的情况下发生，如改变outline,visibility,background color，不会影响到dom结构渲染。

reflow(渲染)，与repaint区别就是他会影响到dom的结构渲染，同时他会触发repaint，他会改变他本身与所有父辈元素(祖先)，这种开销是非常昂贵的，导致性能下降是必然的，页面元素越多效果越明显。

关于字体颜色的设置：

CSS没有 text-color 以及font-color，有background-color 给文字设置颜色只能color

关于替代：

HTML5 是作为Flash的替代技术出现，只有HTML5能干掉flash和silverlight，而不是canvas

关于操作html：

createdocumentfragment()方法创建了一虚拟的节点对象，节点对象包含所有属性和方法。

当你想提取文档的一部分，改变，增加，或删除某些内容及插入到文档末尾可以使用createDocumentFragment() 方法。

你也可以使用文档的文档对象来执行这些变化，但要防止文件结构被破坏，createDocumentFragment() 方法可以更安全改变文档的结构及节点。

估计是因为createDocumentFragment() 方法可以更安全改变文档的结构及节点

到此这篇关于浅谈重绘和回流的解析的文章就介绍到这了,更多相关重绘和回流内容请搜索讯客以前的文章或继续浏览下面的相关文章希望大家以后多多支持讯客！