                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /前端性能优化-基础知识认知

关于重绘更具体的研究

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

jsweber

2016-05-27

源自：前端性能优化-基础知识认知 1-5

关注问题我要回答

1782

操作

收起

1 回答

CC老师
2016-06-15

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

chrome://tracing/

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

2 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

前端性能优化-基础知识认知

参与学习 61547 人
解答问题 34 个

前端小白进级必学技能前端性能优化，主讲优化目的方法

本课相似问答

2 回答关于通道的问题

2 回答关于视频不清晰（CC老师）

1 回答关于前端优化毕业论文

2 回答关于模块复用怎么实现？

3 回答关于img标签中图片资源下载时间的问题

搜索更多本课相关问答

关于重绘更具体的研究

我要回答关注问题

意见反馈帮助中心 APP下载