问答详情
源自:1-5 浏览器的JS引擎

关于重绘更具体的研究

visible属性是在render树里的,但是我想知道准确点哪些dom的属性会导致重绘,比如opacity会不会,比如绝对定位的元素改变大小会不会导致所有的render树重绘,css3里的transform,animation,transition会不会引起render树重绘,重绘的话其性能和传统的写法(比如translate,scale和改变left,top,width,height的区别)?

提问者:jsweber 2016-05-27 10:42

个回答

  • CC老师
    2016-06-15 11:33:27

    老师教你一个简单的方法,就是位置发生改变的时候(包括绝对布局方式),层叠关系发生改变的时候。而且这个是可以验证的,你可以打开chrome的

    chrome://tracing/

    这里面你能看到chrome浏览器本身的各个方法的执行时间和 内存消耗。当更改dom树的时候 ,内存消耗是多少。