Javascript jQuery动画效果优化

Javascript jQuery动画效果优化,javascript,jquery,Javascript,Jquery,我正在试验jQuery和animate()功能。我不相信这项工作是最后一个作品,但我有一个问题,我似乎无法解决我自己或通过搜索引擎 我已经创建了一些带有颜色数组等的随机动画块,一切都按预期进行,包括创建和删除块(div)。我的问题是运行页面不到2分钟,根据我的任务管理器,Firefox4已经超过500000K。IE9和Chrome几乎没有显著的影响,但进程仍在继续增加 请随意查看此处的链接: 我最好的猜测是div的创建速度比2000ms快,但是我希望专家能够找到解决方案,或者解释我做错了什么,并

我正在试验jQuery和animate()功能。我不相信这项工作是最后一个作品,但我有一个问题,我似乎无法解决我自己或通过搜索引擎

我已经创建了一些带有颜色数组等的随机动画块,一切都按预期进行,包括创建和删除块(div)。我的问题是运行页面不到2分钟,根据我的任务管理器,Firefox4已经超过500000K。IE9和Chrome几乎没有显著的影响,但进程仍在继续增加

请随意查看此处的链接:

我最好的猜测是div的创建速度比2000ms快,但是我希望专家能够找到解决方案,或者解释我做错了什么,并提出一些建议


另一方面,从我开始输入到现在,这个过程是2500000K。疯了!m

除了你的脚本之外,还有很多其他的东西。这可能是jQuery中的一个内存泄漏,很难说

不过,您可以尝试以下方法:

不要创建新的方块,而是使用“方块池”。假设你创建了20个正方形,然后继续重复使用它们,而不是创建新的


基本上,您只需要为池创建一个数组,并在显示元素时将其取出,然后在动画结束时将其放回池中。

您是对的,这是很多事情。将定义的div数设置为数组肯定有帮助,但是在createsquare函数之外创建变量对控制造成的损害最大。这样,函数就可以设置和重置这些变量的值,而不是每次创建它们。我认为Firefox根本没有清除它们,而IE9和Chrome则是。您可以在以下位置看到解决方案: