फ़ायरफ़ॉक्स में आंतरिक HTML = "" धीमा क्यों है

Question

मैं डीओएम में गतिशील रूप से HTML तत्व जोड़ने के लिए विभिन्न विधियों की गति का परीक्षण कर रहा हूं। मैंने एक परीक्षक here बनाया है (कोड वर्किंग वर्जन है, बहुत सुंदर मैला)। परिणाम क्रोम के साथ सभी बिंदुओं को प्राप्त करने वाले विभिन्न ब्राउज़रों के लिए बहुत अलग हैं, और ओपेरा एक अच्छा दूसरा है - लेकिन यह सवाल यहां नहीं है।

Firefox में मैं एक div समाशोधन (से यह childNodes है) में एक समस्या मिली। जब कुछ 50,000 div तत्व जोड़े जाते हैं, तो केवल

[div].innerHTML = ""; 

का उपयोग करके इसे साफ़ करने में आयु लगती है, यहां क्या हो रहा है? क्या फ़ायरफ़ॉक्स इसके लिए कुछ आंतरिक कचरा संग्रहण विधि लागू करता है?

Answer 1

जब मैं innerHTML = "के बारे में निश्चित नहीं हूँ" आप डोम में डालने के लिए DocumentFragments का उपयोग कर एक संभवतः तेज appoach बाहर छोड़ दिया।

ओलाफुर Waage पहले से ही उल्लेख किया है, भले ही innerHTML स्थितियों का एक बहुत में तेजी से यह किसी भी W3C मानक का हिस्सा नहीं है, क्योंकि है, quirks कहीं अधिक तो शुरू किया जाना है, तो वे थे की संभावना है। यह नहीं कहना कि आंतरिक HTML आधुनिक ब्राउज़र के भीतर एक defacto मानक नहीं है।

This blog post संकेत मिलता है कि फ़ायरफ़ॉक्स जब innerHTML का उपयोग कर तत्वों को दूर करने में ही बाद की सफाई बहुत समय खर्च करता है लगता है।

कुछ ब्राउज़रों में (सबसे विशेष, फ़ायरफ़ॉक्स), हालांकि innerHTML आम तौर पर बहुत डोम तरीकों की तुलना में तेजी से होता है, यह समय की आय से अधिक राशि नए लोगों को बनाने बनाम मौजूदा तत्वों बाहर समाशोधन खर्च करता है। यह जानकर, हम आंतरिक HTML का उपयोग करके नए तत्व बनाने के साथ मानक डॉम विधियों का उपयोग करके अपने माता-पिता को हटाकर तत्वों को नष्ट करने की गति को जोड़ सकते हैं।

Answer 2

innerHTML W3C डोम विनिर्देशन का एक हिस्सा नहीं है।

इसे कभी भी तालिका के कुछ हिस्सों को लिखने के लिए उपयोग नहीं किया जाना चाहिए- W3C DOM विधियों का उपयोग इसके लिए किया जाना चाहिए-हालांकि इसका उपयोग संपूर्ण तालिका या सेल की सामग्री को लिखने के लिए किया जा सकता है।

इस संपत्ति के लिए कोई सार्वजनिक विनिर्देश नहीं है, कार्यान्वयन व्यापक रूप से भिन्न होते हैं। उदाहरण के लिए, जब टेक्स्ट इनपुट टेक्स्ट में टेक्स्ट दर्ज किया जाता है, तो IE इनपुट की आंतरिक HTML प्रॉपर्टी के मान विशेषता को बदल देगा लेकिन गीको ब्राउज़र नहीं करता है।

, मानकों का पालन करने के लिए क्रमानुसार या XML पार्स इतनी के रूप में डोम के माध्यम से तत्व सामग्री स्ट्रिंग (रों) के रूप में परिभाषित या हो रही तत्व एक स्ट्रिंग के रूप डोम से प्राप्त सामग्री स्थापित करने के लिए करने के लिए here is one set of JavaScript functions भेंट इच्छुक लोगों के लिए

। As John Resig shows:

Source - Mozilla Dev