Javascript jquerycss钩子很慢。可以禁用或修复?

Javascript jquerycss钩子很慢。可以禁用或修复?,javascript,jquery,css,performance,Javascript,Jquery,Css,Performance,我正在使用jquery1.10.2在JavaScript中构建一个小部件,我使用了两个div的老技巧,外部div较小,部分隐藏内部div。因此我使用jQuery.css()更改内部div的左侧和宽度,允许对该内部div的内容进行平移和缩放。即使在这些内部div中有一个复杂的DOM,它也工作得很好 问题是在Firefox中,26和27的速度很慢。我对它进行了分析,发现对“jQuery.cssHooks[name].get()”的调用速度非常慢(在Chrome 33.0.1750.146中,这些调用

我正在使用jquery1.10.2在JavaScript中构建一个小部件,我使用了两个div的老技巧,外部div较小,部分隐藏内部div。因此我使用jQuery.css()更改内部div的左侧和宽度,允许对该内部div的内容进行平移和缩放。即使在这些内部div中有一个复杂的DOM,它也工作得很好

问题是在Firefox中,26和27的速度很慢。我对它进行了分析,发现对“jQuery.cssHooks[name].get()”的调用速度非常慢(在Chrome 33.0.1750.146中,这些调用非常快),因此严重影响了性能。它一直是可用的,但是Chrome和Firefox在这个问题上的差异和感觉是非常明显的,也是不可接受的

我发现当我使用.css()更改带有像素的left属性时,会出现缓慢的cssHooks

var left = String(- (this.view_cursor - this.options.start) * this.PPY + offset) + 'px';
var width = String(this.PPY * interval) + 'px';

this.container.css({
  left: left,   // This line launchs the painful slow cssHooks calls
  width: width,
});
有没有关于如何避免或加快这些缓慢通话的想法或建议? 我找不到任何有类似问题或类似问题的人的信息


编辑:您可以在这里进行测试:

好的,看来Firefox在Linux中渲染速度较慢,并且有一些驱动程序。。。
我用JS代码手动测量时间,发现Firefox需要7毫秒,而Chrome需要4毫秒,在相同的代码中重新绘制所有…

我认为字符串(-(应该是字符串(-(你有JSFiddeell吗?我没有JSFiddeell,但我在一个演示中放了一个指向工作原型的链接。我正在等待允许我将小部件放在开源中,这将是我的最终学位项目。