2011-04-22 205 views
2

我正在嘗試使用jQuery和animate()功能。我不相信這項工作是最後一塊,但是我有一個問題,我似乎無法自己找出問題,或者通過拖曳搜索引擎。jQuery動畫效果優化

我創建了一些隨機的動畫塊與顏色數組等,一切都按預期工作,包括塊(div)的創建和刪除。根據我的任務經理的說法,我的問題是在運行該頁面的2分鐘內,Firefox 4已經超過了50萬。 IE9 & Chrome的影響非常小,但這一過程仍在繼續增加。

隨意看看這裏的鏈接:http://truimage.biz/wip300/project%202/

我最好的猜測是被比他們被刪除,但是我希望專家可能要麼有一個解決方案或2000毫秒更大的速度產生的股利可以解釋我做錯了什麼和一些建議。

另一方面,從我打字開始直到現在,這個過程是250萬k。瘋狂!m

回答

2

它可能是很多東西,只是你的腳本在那裏。這可能是你使用的jQuery中的一個mem漏洞,很難說。

有些事情,你可以嘗試是這樣的,但:

而不是創造新的正方形,使用「方池」。假設你創建了20個方格,並且繼續重複使用它們而不是創建新方格。

你會基本上只是有游泳池的數組並顯示,當他們從中取出來的元素,並把他們帶回它在動畫完成時。

+0

你是對的,這是很多事情。所定義的div量設定爲一個數組然而肯定幫創建createsquare函數之外的變量做過最損壞控制。這樣的設定功能,重置這些變量的值隨每一次創建它們。我認爲Firefox的是根本就沒有清除它們,而IE9和鉻是。 http://truimage.biz/wip300/project%202/after/:您可以看到解決方案 – 2011-04-22 03:07:48