浅谈重绘和回流的解析

牛振宏

目录

• 重绘和回流：
• 关于字体颜色的设置：
• 关于替代：
• 关于操作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() 方法可以更安全改变文档的结构及节点