मैं हर समय सुनता / पढ़ता हूं कि अपने js , html और css को अलग रखना क्लीनर है । माना जाता है कि इसे बनाए रखना, डिबग करना अधिक आसान है। माना जाता है कि यह अधिक कुशल है, क्योंकि यह सीएसएस और जेएस फाइलों को कैशिंग / छोटा करने की अनुमति देता है ।
जहाँ तक मेरा सवाल है, वेब फ्रेमवर्क (Django, Rails, ...), जावास्क्रिप्ट टेम्पलेटिंग लाइब्रेरियों का उपयोग करके ... मैं कई पुन: प्रयोज्य टेम्पलेट्स में एक ही html पृष्ठ को विभाजित करने की प्रवृत्ति रखता हूं - यदि आप चाहें तो कुछ प्रकार के विजेट। । उदाहरण के लिए, मैं एक समाचार फ़ीड विजेट, एक एकाधिक विजेट का चयन कर सकता हूं , आदि ... उनमें से प्रत्येक के विभिन्न पृष्ठों में एक सुसंगत लेआउट है, और प्रत्येक को जावास्क्रिप्ट के टुकड़े द्वारा नियंत्रित किया जा रहा है।
इस संगठन के साथ - जो मुझे जितना साफ लगता है, वह पुन: प्रयोज्य को अधिकतम कर सकता है - मुझे यह समझने में परेशानी होती है कि सभी जेएस और सीएसएस को अलग-अलग फाइलों में रखना सरल क्यों होगा । मुझे लगता है कि यह उदाहरण के लिए बहुत सरल होगा :
कई विजेट फ़ाइल का चयन करें
- एचटीएमएल
- बुनियादी सीएसएस लेआउट
- जेएस के एक बिट के साथ प्रत्यक्ष बातचीत और UX संवर्द्धन का नियंत्रण।
मुझे लगता है कि इस तरह से यह अधिक पुन: प्रयोज्य है, बहुत अधिक बनाए रखने योग्य है, क्योंकि आपको वसा जेएस फ़ाइल के माध्यम से स्क्रॉल करने की आवश्यकता नहीं है , फिर एक मोटी सीएसएस फ़ाइल के माध्यम से स्विच करें और स्क्रॉल करें , फिर से अपनी HTML फ़ाइल पर वापस जाएं ... आगे और पीछे ।
इसलिए मुझे यह जानकर अच्छा लगेगा कि आप लोग अपने कोड को कैसे व्यवस्थित करते हैं, यदि आप उस अलगाव से चिपके रहते हैं जो आमतौर पर अनुशंसित होता है।
- क्या वास्तव में ऐसा करने के अच्छे कारण हैं?
- क्या ऐसा नहीं है कि आमतौर पर वेब पर मौजूद गाइड यह मान लेते हैं कि आप किसी भी फैंसी टूल का उपयोग नहीं करेंगे (जिस स्थिति में मैं सर्वश्रेष्ठ प्रथाओं के लिए ऑनलाइन अप-टू-डेट पढ़ना पसंद करूंगा)?
- क्या यह सिर्फ वरीयता का मामला है?