我无法在 chrome devtools 中调试我的 javascript 性能。我正在制作一些繁重的动画,并且在我的时间线中遇到了一些我不理解的东西(在运行一些动画时)。
我用红色圆圈标记了点击事件。上面写着绿色“动画”的蓝色方块是动画(真是令人惊讶)。红色方块是我遇到问题的地方。
它需要 300-400 毫秒,并且在动画结束后发生。调用堆栈几乎是空的,我不是开发工具专家。有什么明显的事情发生了,我没有看到吗?
此外,如果我再等一会,动画就会运行得更流畅,那些红色的长帧就会消失。
在这个项目中,我使用 Backbone、下划线、jQuery 和 TweenMax 来制作动画。