jQuery में $ .cache का उद्देश्य क्या है?

Question

मुझे लगता है कि .on() के माध्यम से पंजीकृत ईवेंट हैंडलर $.cache में आयोजित किए गए हैं। मैं यह भी देखता हूं कि ईवेंट हैंडलर $(elem).data() में भी आयोजित किए जाते हैं।

वस्तुओं $.cache में आयोजित डोम नोड्स, जिन पर ईवेंट पंजीकृत हैं देखें। जब डीओएम नोड्स अलग हो जाते हैं, तो यह स्मृति रिसाव की ओर जाता है, और इससे .off() कॉल अनिवार्य है।

मैं एक स्थिति है जब डोम नोड (जो करने के लिए मैं ईवेंट हैंडलर संलग्न) अलग किया जा रहा है, जहां मैं नहीं जानता है। जबकि मैं अपने कोड में उस डोम नोड का संदर्भ रख सकता हूं और साफ़ करने के लिए .off() पर कॉल कर सकता हूं, यह अच्छा प्रतीत नहीं होता है, क्योंकि यह पता नहीं है कि डोम नोड को हटाया जा रहा है।

ऐसा करने का सबसे अच्छा तरीका क्या है?

Answer 1

"ऐसा करने का सबसे अच्छा तरीका क्या है?"

आप jQuery का उपयोग करने के लिए जा रहे हैं, तो आप अपनी API तत्वों को दूर करने के लिए उपयोग करना चाहिए, और आप उचित तरीकों का उपयोग आवश्यक है, अन्यथा, जैसा कि आप ने कहा, आप मेमोरी लीक होगा।

यदि आप जब डोम नोड हटाया जा रहा है पता नहीं है, और अगर यह एक रिसाव खड़ी कर रहा है, मुझे लगता है कि हम इस का मतलब है कि आप jQuery के साथ-साथ एक और पुस्तकालय का उपयोग कर रहे हैं। इस कारण से यह सिर्फ एक अच्छा विचार नहीं है।

आपको यह सुनिश्चित करने की आवश्यकता है कि jQuery द्वारा प्रभावित किसी भी तत्व को jQuery द्वारा हटा दिया गया है। $.cache में संग्रहीत कुछ डेटा भी है जिसे आपने स्पष्ट रूप से सेट नहीं किया था। इसका मतलब यह है कि सभी तत्वों को jQuery के साथ हटाया जाना चाहिए, केवल सोचें कि डेटा हो सकता है।

---

"jQuery में $.cache का उद्देश्य क्या है?"

हैंडलर और तत्वों के साथ अन्य डेटा को जोड़ने के लिए। डेटा और तत्वों के बीच का लिंक मूल रूप से तत्व पर विस्तारित संपत्ति पर संग्रहीत एक धारावाहिक संख्या है।

आप jQuery के बिना तत्व निकाल देते हैं, $.cache में संबद्ध डेटा अनाथ है।

संभावित दृष्टिकोण को रोकने के लिए इस दृष्टिकोण का उद्देश्य था। दुर्भाग्य से यह संभावित रूप से अधिक गंभीर रिसाव बनाता है।

Answer 2

मैं एक ऐसी ही स्थिति है जहाँ नॉकआउट दस्तावेज़ से जोड़ सकते हैं और डोम पेड़ को हटाने के लिए प्रयोग किया जाता है करने के लिए भाग गया। हालांकि, इवेंट श्रोताओं को इन डोम पेड़ों में संलग्न करने के लिए jquery का उपयोग किया जाता है। जब नॉकआउट दस्तावेज़ से डोम तत्वों को हटा देता है तो श्रोताओं को अनबाउंड नहीं होता है, इसलिए डोम पेड़ कभी कचरा संग्रह के लिए योग्य नहीं होता है। हमने एक क्लीन अप फ़ंक्शन जोड़ा है जो हर बार हैश में $ jcery $ .cache के माध्यम से चलता है और दस्तावेज़ में नहीं होने वाले डोम पेड़ से बंधे हैंडलर भी पाता है। इसके बाद श्रोताओं को कचरा संग्रह के लिए योग्य डोम पेड़ बनाने और अधिकांश लीक को ठीक करने के लिए हम देख रहे हैं, जिसे हम 13 एमबी रिसाव के लिए इस्तेमाल किए गए ऐप के चारों ओर गोल यात्रा करते हैं, अब यह जगहों में इन बदलावों के साथ केवल 3 एमबी लीक है।

for (var i in $.cache) { 
      if ($.cache.hasOwnProperty(i)) { 

       if ($.cache[i].handle && $.cache[i].handle.elem && document !== $.cache[i].handle.elem && !jQuery.contains(document, $.cache[i].handle.elem)) { 
        //we have an event handler pointing to a detached dom element! 
        //this is a memory leak as this detached dom element cannot be garbage collected until 
        //all references to it are removed. So lets delete the event handler to get memory back! 
        var orphan = $($.cache[i].handle.elem); 
        $('body').append(orphan); 
        orphan.off(); 
        orphan.remove(); 
        orphan = null; 
       } 
      } 
     }