浅谈重绘和回流的解析
<div id="navCategory"><h5 class="catalogue">目录</h5><ul class="first_class_ul"><li><a href="#_label0">重绘和回流：</a></li><li><a href="#_label1">关于字体颜色的设置：</a></li><li><a href="#_label2">关于替代：</a></li><li><a href="#_label3">关于操作html：</a></li></ul></div><p class="maodian"><a name="_label0"></a></p><h3>重绘和回流：</h3><p>repaint(重绘) ，repaint发生更改时，元素的外观被改变，且在没有改变布局的情况下发生，如改变outline,visibility,background color，不会影响到dom结构渲染。</p>
<p>reflow(渲染)，与repaint区别就是他会影响到dom的结构渲染，同时他会触发repaint，他会改变他本身与所有父辈元素(祖先)，这种开销是非常昂贵的，导致性能下降是必然的，页面元素越多效果越明显。</p>
<p class="maodian"><a name="_label1"></a></p><h3>关于字体颜色的设置：</h3>
<p>CSS没有 <code>text-color</code> 以及<code>font-color</code>，有<code>background-color</code> 给文字设置颜色只能<code>color</code></p>
<p class="maodian"><a name="_label2"></a></p><h3>关于替代：</h3>
<p>HTML5 是作为Flash的替代技术出现，只有HTML5能干掉flash和silverlight，而不是canvas</p>
<p class="maodian"><a name="_label3"></a></p><h3>关于操作html：</h3>
<p><code>createdocumentfragment()</code>方法创建了一虚拟的节点对象，节点对象包含所有属性和方法。</p>
<p>当你想提取文档的一部分，改变，增加，或删除某些内容及插入到文档末尾可以使用<code>createDocumentFragment()</code> 方法。</p>
<p>你也可以使用文档的文档对象来执行这些变化，但要防止文件结构被破坏，<code>createDocumentFragment() </code>方法可以更安全改变文档的结构及节点。</p>
<p>估计是因为<code>createDocumentFragment() </code>方法可以更安全改变文档的结构及节点</p>
頁:
[1]