1

我无法在 chrome devtools 中调试我的 javascript 性能。我正在制作一些繁重的动画,并且在我的时间线中遇到了一些我不理解的东西(在运行一些动画时)。

我用红色圆圈标记了点击事件。上面写着绿色“动画”的蓝色方块是动画(真是令人惊讶)。红色方块是我遇到问题的地方。

在此处输入图像描述

它需要 300-400 毫秒,并且在动画结束后发生。调用堆栈几乎是空的,我不是开发工具专家。有什么明显的事情发生了,我没有看到吗?

此外,如果我再等一会,动画就会运行得更流畅,那些红色的长帧就会消失。

在这个项目中,我使用 Backbone、下划线、jQuery 和 TweenMax 来制作动画。

4

1 回答 1

1

从您的时间轴面板的外观来看,我猜您使用的是旧版 Chrome。请更新到 v57。在以前的版本中存在一个错误,动画之间的预期延迟被标记为红色(长帧)。见这份报告

铬 52:

在此处输入图像描述

铬 57:

在此处输入图像描述

于 2017-03-24T12:04:40.873 回答