$ .cache कब बहुत बड़ा माना जाता है?

Question

मैंने हाल ही में this tutorial में पढ़ा है कि कुछ jQuery लीक $.cache चर के माध्यम से ट्रैक करने योग्य हैं, और यदि आप बहुत बड़े हैं, तो आप हमेशा कुछ गलत कर रहे हैं, तो आप हमेशा इसका आकार जांचना चाहिए।

अच्छा, कितना बड़ा बड़ा है? क्या यह देखने के लिए एक चर का निरीक्षण करने का कोई तरीका है कि यह कितनी मेमोरी खा रहा है?

मैं ऐसी वेबसाइट पर काम कर रहा हूं जो केवल होमपेज लोड करके 210 ऑब्जेक्ट्स को कैश करता है। क्या यह बहुत ज्यादा है? मैं इस मुद्दे के बारे में पूरी तरह से स्पष्टीकरण की सराहना करता हूं।

Answer 1

$.cache चेहरे के मूल्य पर आकार मेमोरी लीक के बारे में कुछ भी नहीं बताता है। यह बहुत छोटा हो सकता है और अभी भी एक स्मृति रिसाव हो सकता है, या यह बहुत बड़ा हो सकता है और कोई स्मृति रिसाव नहीं है।

यदि आपको पता है कि आपके पास एक समय में पृष्ठ पर jQuery के साथ 10 ईवेंट श्रोताओं के साथ बाध्य है, और अभी तक $.cache में अधिक प्रविष्टियां हैं, तो आप जानते हैं कि आप लीक कर रहे हैं।

ईवेंट श्रोताओं को प्रत्येक व्यक्तिगत तत्व को जोड़ने के बजाय ईवेंट प्रतिनिधिमंडल का उपयोग करना एक विशाल मेमोरी सेवर है।

कहते हैं:

<ul> 
    <li></li> 
    <li></li> 
    <li></li> 
</ul> 

$("li").on("click", fn) 3 अलग-अलग ईवेंट हैंडलर्स (अधिक, अगर आप अधिक है ली का निश्चित रूप से), जबकि $("ul").on("click", "li", fn) आप कितने ली-तत्व की परवाह किए बिना सिर्फ एक देते हैं और अभी तक होता है देते हैं एक ही परिणाम। रिसाव की

---

उदाहरण:

$("button").click(function() { 
    $("#target")[0].innerHTML = ""; 
    $("<div>").appendTo($("#target")).click($.noop); 
    $("#log").text(Object.keys($.cache).length); 
});​ 

http://jsfiddle.net/SGZW4/1/

कारण किया जा रहा है कि .innerHTML जो jQuery का हिस्सा नहीं है तो यह साफ नहीं कर सकते हैं प्रयोग किया जाता है,।

फिक्स उसी के लिए jQuery विधि का उपयोग करने के लिए है:

$("button").click(function() { 
    $("#target").html(""); 
    $("<div>").appendTo($("#target")).click($.noop); 
    $("#log").text(Object.keys($.cache).length); 
});​ 

http://jsfiddle.net/SGZW4/2/