1. js是逐幀動畫,每一幀都是由代碼控制,操作不當,極易引發回流
css是關鍵幀動畫,補間動畫部分由瀏覽器完成,便於瀏覽器進行優化,動畫執行過程控制的更好
2. js的動畫執行在主線程,主線程還有其他任務要執行,容易引發阻塞和等待,降低動畫執行效率
css的動畫執行在合成線程,專事專干,不阻塞主線程,合成線程的動畫也不會觸發回流和重繪
3. js動畫運行在CPU,還有其他任務,易影響
css動畫允許在GPU,專注渲染,更快