我经常发现自己会在许多事情上添加过渡,而且往往是相同的过渡。只做像
这样的性能成本是多少* {
transition: all 200ms ease; //with prefixes, of course
}
只是将transition-property: none;
设置为您特别不希望转换的元素?它是否会少于在整个代码中添加多个转换语句所需的代码量?
编辑:对于那些想知道应用于DOM的复杂性的人,假设它是一个复杂的web-app-type DOM。我问的原因是因为页面上的许多元素没有移动,因此不需要转换。我很好奇这是否相关,只是将转换分配给所有元素对性能不利。
答案 0 :(得分:2)
当它们没有转换时,它们不会消耗额外的资源,所以在渲染后它们是相同的,假设你已经删除了所有不必要的转换。