Javascript jQuery动画效果优化
我正在试验jQuery和animate()功能。我不相信这项工作是最后一个作品,但我有一个问题,我似乎无法解决我自己或通过搜索引擎 我已经创建了一些带有颜色数组等的随机动画块,一切都按预期进行,包括创建和删除块(div)。我的问题是运行页面不到2分钟,根据我的任务管理器,Firefox4已经超过500000K。IE9和Chrome几乎没有显著的影响,但进程仍在继续增加 请随意查看此处的链接: 我最好的猜测是div的创建速度比2000ms快,但是我希望专家能够找到解决方案,或者解释我做错了什么,并提出一些建议Javascript jQuery动画效果优化,javascript,jquery,Javascript,Jquery,我正在试验jQuery和animate()功能。我不相信这项工作是最后一个作品,但我有一个问题,我似乎无法解决我自己或通过搜索引擎 我已经创建了一些带有颜色数组等的随机动画块,一切都按预期进行,包括创建和删除块(div)。我的问题是运行页面不到2分钟,根据我的任务管理器,Firefox4已经超过500000K。IE9和Chrome几乎没有显著的影响,但进程仍在继续增加 请随意查看此处的链接: 我最好的猜测是div的创建速度比2000ms快,但是我希望专家能够找到解决方案,或者解释我做错了什么,并
另一方面,从我开始输入到现在,这个过程是2500000K。疯了!m除了你的脚本之外,还有很多其他的东西。这可能是jQuery中的一个内存泄漏,很难说 不过,您可以尝试以下方法: 不要创建新的方块,而是使用“方块池”。假设你创建了20个正方形,然后继续重复使用它们,而不是创建新的
基本上,您只需要为池创建一个数组,并在显示元素时将其取出,然后在动画结束时将其放回池中。您是对的,这是很多事情。将定义的div数设置为数组肯定有帮助,但是在createsquare函数之外创建变量对控制造成的损害最大。这样,函数就可以设置和重置这些变量的值,而不是每次创建它们。我认为Firefox根本没有清除它们,而IE9和Chrome则是。您可以在以下位置看到解决方案: