更多 标签 'Reflow'
  • 减少reflow与repaint的一些优秀实践
  • 下面是一些比较好的实践:不要一条一条地修改DOM的样式。与其这样,还不如预先定义好css的class,然后修改DOM的className。不要把DOM结点的属性值放在一个循环里当成循环里的变量。不然这会导致大量地读写这个结点的属性。尽可能的修改层级比较低的DOM。当然,改变层级比较底的DOM有可能会造成大面积的 reflow,但是也可能影响范围很小。
  • 关于Reflow和Repaint的更多细节
  • Repaint:屏幕的一部分要重画,比如某个CSS的背景色变了。但是元素的几何尺寸没有变。HTML使用的是flow based layout,也就是流式布局,所以,如果某元件的几何尺寸发生了变化,需要重新布局,也就叫reflow。reflow 会从 html 这个root frame开始递归往下,依次计算所有的结点几何尺寸和位置,在reflow过程中,可能会增加一些frame,比如一个文本字符串必需被包装起来。
更多 推荐文章

Welcome to NowaMagic Academy

现代魔法 推荐于 2013-02-27 10:23

更多 目录树
更多 热门小组
魔法达人