关于重绘和回流的解析

  • 关于重绘和回流的解析已关闭评论
  • 34 次浏览
  • A+
所属分类:Web前端
摘要

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

重绘和回流:

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() 方法可以更安全改变文档的结构及节点