I've built a rather complicated web app that makes heavy use of MochiKit.Base.bind() and partial(). There are no page refreshes in the app and the majority of the page content between areas of the UI is dynamically created / removed via DOM methods. A user might spend considerable time inside the app and it leaks memory like I've never seen.
I suspect it has a lot to do with the fact that the majority of the data in browser memory is inside of a single, potentially-large object / data structure, and most bind() or partial() calls pass along this object as a parameter, which ends up set as the im_self attribute on the resulting bound function. A lot of my bound functions end up set as event handlers and things like that, so when the app tears down part of the screen to display new stuff, those functions just get popped out of the DOM but aren't garbage collected by the browser since the page never reloads. Is there any way to force garbage collection while a page is still loaded in any of the browsers? I may need to build some kind of explicit cleanup functions that attach to an element and clean these references upon the element's removal from the DOM, except I fear it being really slow due to the fact that if you remove a parent element that has a huge amount of [great-great][grand]child nodes, I'll have to walk the whole tree and clean each individual node.. Anyhow, any ideas would be wonderful. Thanks! --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "MochiKit" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/mochikit?hl=en -~----------~----~----~----~------~----~------~--~---
