提高JavaScript动画的性可以

在本文中，我收集了少量开发技巧，以帮助您处理JavaScript动画的性可以问题，并使您更容易实现在web上实现流畅移动的60fps(每秒帧数)目标。

1、避免用昂贵的CSS属性

你能否打算用CSS动画CSS属性转换/ CSS关键帧或者JavaScript,重要的是要知道哪些属性带来的改变页面的几何(布局)——这意味着页面上的其余元素的位置将会重新计算,或者将涉及绘画操作。布局和绘制任务对于浏览器来说都是非常昂贵的，特别是当你的页面上有几个元素时。因而，假如您避免对触发布局或者绘制操作的CSS属性进行动画化，并坚持用诸如转换和不透明度之类的属性，那么您将看到动画性可以的明显提高，由于现代浏览器在优化这些属性方面做得非常出色。

在CSS触发器上，您将找到CSS属性的最新列表，其中包含了它们在每个现代浏览器中触发的工作的信息，包括第一次更改和随后的更改。