मैं एक jquery प्लगइन कोडिंग कर रहा हूं और मैं सोच रहा हूं कि मुझे सभी सीएसएस को .js फ़ाइल में ले जाना चाहिए, बस इसे सेटअप करने के लिए थोड़ा आसान बनाना है।jQuery प्लगइन - इनलाइन सीएसएस या बाहरी स्टाइलशीट?
क्या मुझे यह करना चाहिए? क्या यह बहुत बुरा है, प्रदर्शन के अनुसार?
jquery.myplugin.js
jquery.myplugin.css
और प्लगइन का उपयोग कर किसी के लिए एक साथ इन उद्धार:
कोई प्रदर्शन गिरावट या ऐसा कुछ भी नहीं है, भले ही यह आपकी प्लगइन का उपयोग करने वाले व्यक्ति के लिए अधिक पठनीय और रखरखाव योग्य हो।
वास्तव में, एक प्रदर्शन अंतर है। प्रत्येक बार पृष्ठ को देखा जाने पर इनलाइन सीएसएस को डाउनलोड किया जाना चाहिए, जबकि एक लिंक की गई सीएसएस फ़ाइल एक बार डाउनलोड की जाती है और कैश किया जाता है, जिसके बाद के दृश्यों के लिए पेज आकार को कम किया जाता है। –
उस बारे में नहीं पता था, धन्यवाद! – XepterX
स्क्रिप्ट प्रदर्शन भी है - स्क्रिप्ट को सभी जेएस सामान * और * jQuery की सीएसएस() विधि का उपयोग करके सीएसएस जोड़ें। इस विधि को क्यों कॉल करें जब आप केवल कक्षा जोड़ सकते हैं और स्टाइल शीट का उपयोग कर सकते हैं? – danwellman
क्या सबसे आम है उपयोग करने के लिए है। यह एक अतिरिक्त अनुरोध है लेकिन यह चिंताओं को अलग करने का अभ्यास कर रहा है: styling और logic।
ऐसा न करें और लेआउट और महसूस उद्देश्यों के लिए सीएसएस फ़ाइल का उपयोग करें। लूज युग्मन एक महान संपत्ति है। यह सुनिश्चित करेगा कि सीएसएस ज्ञान वाले किसी भी डेवलपर जावास्क्रिप्ट कोड के बिना आसानी से भविष्य में लुक और लेआउट को आसानी से बदल सकता है।
लेआउट और दिखने पूरी तरह से एक अलग चिंता है। इसे .js फ़ाइल के साथ विलय करने के लिए हमेशा पृष्ठभूमि या केवल आपके तत्व के आयामों में परिवर्तन के लिए जावास्क्रिप्ट कोडर की आवश्यकता होगी।
प्रदर्शन के अनुसार, आंखों में कोई अंतर नहीं होगा। लेकिन, विकास के अनुसार, आपको दुःस्वप्न होगा।
यह एक शुद्ध नहीं-नहीं IMHO
क्यों आप जे एस फाइल करने के लिए सीएसएस स्थानांतरित करने के लिए करना चाहते हैं क्या है? एचटीएमएल में एक सीएसएस फ़ाइल को लिंक करना काफी आसान है।
मैं आम तौर पर सीएसएस और जेएस को एक दूसरे से अलग करना पसंद करता हूं ताकि यदि आवश्यक हो तो इसे बनाए रखना और संशोधित करना आसान हो। शैलियों को जेएस फ़ाइल में स्थित होने पर यह सीएसएस को संशोधित करने के लिए संभावित रूप से गन्दा हो सकता है।
सीएसएस को अलग से लोड करने से शैलियों को एचटीएमएल में प्रस्तुत करने की इजाजत मिलती है, भले ही जेएस लोड करने में कोई समस्या हो।
आकार को कम करने के लिए, आप भी जे एस और सीएसएस फ़ाइलें कम करें सकता है, अगर प्रदर्शन चिंता का विषय है - http://developer.yahoo.com/yui/compressor/
सिर्फ सीएसएस संपादन योग्य बनाने, className - YUI कंप्रेसर पर http://code.google.com/p/minify/
और जानकारी और आईडी आप के लिए अच्छे हैं, सीएसएस चयनकर्ता, तुम्हें पता है, नमूना
शैली:
.graceful {width:100px;height:100px;background:#36c;}
स्क्रिप्ट:
var div = document.createElement('div');
div.className = 'graceful';
div.innerHTML = ' ';
document.getElementById('_images').appendChild(div)
मैं एक प्लगइन पर काम कर रहा हूं जो कुछ संसाधन फ़ाइलों का उपभोग करता है: ध्वनियां, सीएसएस और एक छोटी छवि। मैंने पहले से ही ध्वनियों और छवि को रेखांकित किया है (वास्तव में वास्तव में छोटा)।
इसका उद्देश्य प्लगइन उपयोगकर्ताओं के लिए जीवन को आसान बनाना है, जिससे उन्हें संसाधन फ़ाइलों की प्रतिलिपि बनाने और समस्याओं और समय की हानि (मैं एक प्रयोज्य व्यक्ति हूं) की बचत करने का मौका बचा रहा हूं।
उसी नस में, मैं प्लगइन स्वयं निहित करने के लिए, सीएसएस फ़ाइल को रेखांकित करने के बारे में शोध कर रहा था, एक फ़ाइल जिसमें सबकुछ शामिल था।
@ c4urself द्वारा उत्तर, यह एक ही नाम, एक .js और एक .css के साथ दो फाइलों में से एक प्लगइन के लिए सामान्य है, मुझे अपना दिमाग बदल गया: अब मुझे लगता है कि मेरा उपयोगकर्ता बर्बाद हो सकता है ik छोड़ने के बजाय .css फ़ाइल के लिए खोज समय।
इसलिए मैंने सामान्य 2-फाइल मानक के साथ जाने का फैसला किया, कि थोड़ी देर में मेरे binabacus प्लगइन संरचना में दिखाई देगा। कौन सा, बीटीडब्ल्यू, मुझे लगता है कि कोई भी वास्तव में उपयोग नहीं करेगा, यह jquery-boilerplate का लाभ उठाने का एक अभ्यास था जिसे मैं जल्द ही प्रकाशित होने के लिए एक ट्यूटोरियल में दस्तावेज कर रहा हूं।
ग्रेट सवाल निकोले। मैं वर्तमान में आपके शेरबार्स प्लगइन को फेंक रहा हूं और वही सटीक विचार था। – stefmikhail