當(dāng)你在使用@keyframes 動(dòng)畫時(shí)墨坚，如果做的動(dòng)畫比較復(fù)雜的話秧饮，就會(huì)發(fā)現(xiàn)一個(gè)問(wèn)題，那就是不流暢泽篮，掉幀盗尸，可能在PC端還不是很明顯，但在移動(dòng)端你就會(huì)發(fā)現(xiàn)嚴(yán)重地掉幀帽撑。這是因?yàn)檎窭停绻鸃keyframes 改變的屬性是與layout相關(guān)的話，就會(huì)觸發(fā)重新布局油狂，導(dǎo)致渲染和繪制的時(shí)間會(huì)更加地長(zhǎng)历恐。 所以寸癌，我們應(yīng)該盡可能地使用不會(huì)觸發(fā)重新布局的屬性完成我們的動(dòng)畫。
觸發(fā)重新布局的屬性有： width, height, margin, padding, border, display, top, right, bottom ,left, position, float, overflow等弱贼。應(yīng)該盡量規(guī)避使用蒸苇。
不會(huì)出發(fā)重新布局的屬性有：transform(其中的translate, rotate, scale), color, background等。應(yīng)該盡量用這些去取代吮旅。
