सीमा-त्रिज्या में सुधार

मुझे लगता है कि कई कोडर्स एक समाधान जानते हैं जो IE को गोल कोनों को आकर्षित करने के लिए मजबूर करता है: " घुमावदार-कोने " (या सीमा-त्रिज्या.htm)।



इस लेख में मैं आपको बताऊंगा कि इसका उपयोग करते समय "अमान्य तर्क" त्रुटियों से कैसे छुटकारा पाएं, और यह भी कि कई बार अपने काम को कैसे तेज किया जाए।



एक परियोजना में जहां इस पद्धति का उपयोग किया गया था, 7 विंडो निम्न त्रुटि के साथ IE में दुर्घटनाग्रस्त हो गई:







यह सीमा-त्रिज्या.htc में ठीक उठी और यही कारण है:



var css = el.document.createStyleSheet();







यह createStyleSheet



चला कि createStyleSheet



विधि का उपयोग करके, createStyleSheet



अधिकतम 31 स्टाइलशीट जोड़ सकते हैं। इस मान के बाद, त्रुटि अमान्य तर्क प्रदर्शित किया जाएगा।



जब मैंने डीबगर को खोला, तो मैंने निम्नलिखित देखा:







<बिल्ट-इन स्टाइल शीट> - यह स्क्रिप्ट द्वारा बनाई गई स्टाइल शीट है। और उनमें से लगभग 38 थे और वे सभी एक ही कोड थे।



v\:roundrect {

BEHAVIOR: url(#default#VML)

}

v\:fill {

BEHAVIOR: url(#default#VML)

}







इसलिए स्पष्ट समाधान: हम बस इस कोड को css फ़ाइल में पेस्ट करते हैं, जिसे हम IE के माध्यम से केवल सशर्त टिप्पणियों के लिए कनेक्ट करते हैं। और सीमा-त्रिज्या में। हम इन 3 पंक्तियों को हटाते हैं (या टिप्पणी करते हैं):



var css = el.document.createStyleSheet();

css.addRule("v\\:roundrect", "behavior: url(#default#VML)");

css.addRule("v\\:fill", "behavior: url(#default#VML)");







परिणामस्वरूप, अमान्य तर्क त्रुटियाँ गायब हो गईं और IE में साइट का लोड समय कम हो गया, क्योंकि अब 38 स्टाइल शीट जेनरेट करने की जरूरत नहीं है।



लाभ!