किसी पृष्ठ पर जावास्क्रिप्ट आरंभ को थोड़ा उतारने का आसान तरीका

शायद किसी को यह मददगार लगा होगा।

आपके पास एक बड़ी बहु-पृष्ठ साइट है। विभिन्न पृष्ठों पर आपके पास अलग-अलग जटिल जावास्क्रिप्ट चीजें हैं: सुंदर दीर्घाएं, अजाक्स पत्रक, कहीं-कहीं लगभग आवेदन किया जाता है। यह सब कुछ jQuery / प्रोटोटाइप / Mootools / आदि पर घूमता है, प्रत्येक ऐसी चीज के लिए फ़ंक्शन, आईडी और कक्षाओं के जटिल चयनकर्ताओं आदि का एक गुच्छा कहा जाता है। आदि

और आप उत्पादकता-जागरूक डेवलपर के रूप में, इन सभी लिपियों को ध्यान से एक जेएस फ़ाइल में डालते हैं और उन्हें पैक करते हैं।



लेकिन एक उपद्रव है: जब आप प्रत्येक पृष्ठ को खोलते हैं, तो आपकी स्क्रिप्ट DOM को ऊन कर देगी, सभी नोड्स को खोजने और चुनने की कोशिश करेंगे जो उपरोक्त सभी "चीजों" में शामिल हैं। यानी आपके पास $('.myclass')



, getElementById



, आदि जैसी स्क्रिप्ट में कितने चयनकर्ता हैं, इसलिए कई बार DOM लोड करने के बाद, इन तत्वों की खोज में स्कैन किया जाएगा।



और अगर आपके पास 1.5 हजार लाइनों की स्क्रिप्ट है और ऐसे चयनकर्ता आपके पास "9000 से अधिक" हैं? यह पेज लोडिंग को धीमा कर देगा। बेशक, नुकसान इतने बड़े नहीं हैं कि किसी तरह बहुत परेशान हों, लेकिन आप इसे बहुत आसानी से और आसानी से छुटकारा पा सकते हैं: फीचर सेट को लपेटें जो इन बहुत अनुप्रयोगों की उपस्थिति के लिए जेएस अनुप्रयोगों के संचालन की जांच करते हैं।



यही है, यदि आपके पास पृष्ठ पर कोई एप्लिकेशन है, तो यह कुछ <div id="my_app">...</div>



में बैठता है।

ऐसे निर्माण में इस एप्लिकेशन के संचालन का वर्णन करने वाले सभी कार्यों को लपेटें:

  अगर (document.getElementById ('my_app')) {
	 // यहाँ कोड			 
 } 

और, अगर id="my_app"



साथ पृष्ठ पर कोई नोड नहीं है, तो पार्सर पास हो जाएगा और उस पृष्ठ पर सब कुछ खोजने की कोशिश नहीं करेगा जिसे एप्लिकेशन के बारे में कहा जाता है।



एक तिपहिया, लेकिन अच्छा है