我有一個動畫循環,它爲DOM添加了一個新元素並對它進行了動畫處理,這可以基本上永久地重複。我的問題是,當每個動畫循環完成時,從DOM中刪除元素還是隱藏在頁面上更好?我不能重複使用該元素,因爲循環的工作方式,一個新的動畫可能開始,而另一個正在完成,所以在給定的時間可能在頁面上有多個元素。我意識到這個問題是相當初級的,但會感謝一些見解。謝謝。從DOM中刪除元素的性能影響?
回答
性能影響
幾乎沒有。然而,存在內存影響 - 用(隱藏)元素填充DOM並且從不停止這樣做是邪惡的。當然,這在某種程度上會拖慢整個過程。
從DOM中刪除元素還是隱藏在頁面上更好?
絕對刪除它。
我不能重複使用該元素,因爲循環的工作方式,新的動畫可能會在另一個完成時開始,所以在給定的時間可能會有多個頁面元素。
您仍然可以通過維護元素池來重用它們,但這可能不是必需的。刪除舊的和創建新的很好。
謝謝,這很有幫助 – user602525
你是對的。想象一下在IE中無限添加的元素。該死的,**這**將是邪惡的! – DontVoteMeDown
如果您可以刪除元素並在一個理想的操作中替換新元素。 DOM操作是迄今爲止最慢的部分。 – Calvin
- 1. 從DOM中刪除元素
- 2. 在DOM中動畫深入元素會不會影響性能?
- 3. 從$ .each中刪除DOM中的元素
- 4. 從DOM中刪除元素不會消除該DIV元素內的JavaScript代碼的影響
- 5. 如何從DOM中刪除子元素時刪除父元素?
- 6. 從DOM中刪除元素是否會影響其事件處理程序?
- 7. 刪除DOM元素的屬性
- 8. 從Jquery中刪除DOM元素
- 9. 從DOM中插入刪除元素
- 10. TransitionGroup不會從DOM中刪除元素
- 11. 從DOM中刪除html元素
- 12. 自動從DOM中刪除元素
- 13. Js,不可能刪除DOM元素
- 14. 刪除未使用的DOM元素的性能
- 15. 絕對定位元素影響另一個元素刪除
- 16. 從香草DOM刪除元素javascript
- 17. 刪除元素不是從DOM
- 18. 刪除DOM元素錯誤
- 19. JavaScript DOM刪除元素
- 20. addEventListener如何影響DOM元素的onclick屬性?
- 21. 如何檢測元素被添加/從DOM元素中刪除?
- 22. 是否有可能影響視圖外的DOM元素的可見性?
- 23. 更改DOM元素是否會影響綁定的子元素?
- 24. 從DOM中刪除的元素解除綁定事件
- 25. 從元素中刪除數據屬性
- 26. 從元素中刪除屬性
- 27. 從元素中刪除元素而不刪除元素後
- 28. 刪除DOM中所有元素的屬性
- 29. 無法從不在DOM中的對象中刪除HTML元素
- 30. 從元素中刪除類而不影響正在進行的css轉換
您不能將元素操作回初始狀態以重新開始動畫?告訴我們你的代碼。如果你真的不能,我認爲它更好地移除它。 – DontVoteMeDown
我可能會重寫它來做到這一點,我可以在給定的時間可能有3個元素可見。所以,我需要跟蹤我在動畫循環中的位置,以便知道何時移動東西,這並不難,只需要更多的工作。 – user602525
另請參閱這個 – Philipp