2013-04-12 10 views
8

मैं एक HTML पृष्ठ के जीवन चक्र को समझने की कोशिश कर रहा हूं। मुझे ऑनलाइन इस पर कोई अच्छा संसाधन नहीं मिल रहा है। इसलिए मैंने एफ 12 टूल को खोल दिया यानी मैंने कुछ प्रयोग किए। इसके आधार पर मैंने कुछ निष्कर्ष निकाले हैं, क्या कोई मुझे बता सकता है कि मैं सही हूं?एचटीएमएल पेज लाइफ साइकिल

मेरे अवलोकन

1> एक पृष्ठ HTTP पहले एचटीएमएल कंकाल ब्राउज़र द्वारा प्राप्त होता है से अधिक का अनुरोध किया जाता है। इस समय उपयोगकर्ता को कुछ भी प्रदर्शित नहीं किया जाता है।

2> क्या एचटीएमएल कंकाल कुछ और अतिरिक्त अनुरोध संसाधन (बाहरी जावास्क्रिप्ट, सीएसएस, छवियों आदि) के लिए बाहर भेजा जाता है में है के आधार पर

3> ब्राउज़र इंतजार कर रहा है जब तक इसके लिए एक HTTP स्थिति कोड प्राप्त करता है लिपि और सीएसएस संसाधन।

4> एक बार सीएसएस और जावास्क्रिप्ट के लिए HTTP स्थिति कोड प्राप्त होने के बाद, ब्राउज़र केवल दस्तावेज़ को ऊपर से नीचे लोड करना शुरू कर देता है, जो भी एम्बेडेड जावास्क्रिप्ट को रास्ते में मुठभेड़ करता है उसे निष्पादित करता है।

5> यदि शीर्ष पर एम्बेडेड जावास्क्रिप्ट नीचे एक HTML तत्व को संदर्भित करता है, तो जावास्क्रिप्ट विफल हो जाएगा।

6> एक बार पूरा दस्तावेज़ लोड होने के बाद, jquery event $ (document) .ready निकाल दिया जाता है। (अगर मैं JQuery का उपयोग कर रहा हूं)

7> ब्राउज़र स्क्रिप्ट और सीएसएस के अलावा अन्य संसाधनों की प्रतीक्षा नहीं करता है, इसलिए उपयोगकर्ता को पृष्ठ पर प्रदर्शित होने के बाद छवियों जैसे संसाधन लोड हो सकते हैं।

+3

jQuery! = जावास्क्रिप्ट! = एचटीएमएल। इसे एक बार कहा जाना था। –

+0

प्रश्न को जोड़कर इसे फिक्स्ड "(अगर मैं JQuery का उपयोग कर रहा हूं)" प्रश्न में। – Foo

+2

एक महत्वपूर्ण नोट/सुधार: यह केवल जावास्क्रिप्ट टैग है जो पृष्ठ को प्रतिपादन से अवरुद्ध करता है। यही कारण है कि फ्रंट एंड देव आपको * बॉडी * टैग के समापन से ठीक पहले पृष्ठ के निचले हिस्से में अपना जावास्क्रिप्ट संदर्भ डालने के लिए कहेंगे। – McGarnagle

उत्तर

2

आपको काफी सही मिला है। लेकिन यह कोड पर निर्भर करता है (विशेष रूप से बिंदु 5, 6 और 7)। उदाहरण के लिए, यदि शीर्ष पर जेएस $(document).ready के भीतर है, तो यह असफल नहीं होगा।

दूसरा, मैं आईई पर फ़ायरफ़ॉक्स एफ 12 या क्रोम एफ 12 पसंद करूंगा। वे बहुत अधिक विस्तृत और डेवलपर अनुकूल हैं। आगे समझने के लिए NET टैब देखें। यह आपको सटीक क्रम दिखाएगा जिसमें संसाधनों को बुलाया जाता है और लोड किया जाता है, जो आप मुख्य रूप से खोज रहे थे।

संबंधित मुद्दे