कोड के टुकड़े 2025, अप्रैल

.ClassList () एपीआई - सीएसएस-ट्रिक्स

.ClassList () एपीआई - सीएसएस-ट्रिक्स

मान लें कि आपके पास DOM में एक तत्व है:

उस DOM तत्व का संदर्भ लें: const el = document.querySelector ("# el"); फिर आप"

टेस्ट करें यदि मैक या पीसी जावास्क्रिप्ट के साथ - सीएसएस-ट्रिक्स

टेस्ट करें यदि मैक या पीसी जावास्क्रिप्ट के साथ - सीएसएस-ट्रिक्स

उपयोगकर्ता एजेंट परीक्षण बेकार है, लेकिन कभी-कभी आपको सूक्ष्म चीजों के लिए इसकी आवश्यकता होती है। मेरे मामले में मैं इसे कुंजीपटल शॉर्टकट कुंजी के लिए जो दिखा रहा था उसे समायोजित करने के लिए उपयोग कर रहा था "

टेस्ट अगर तत्व का समर्थन करता है - सीएसएस-ट्रिक्स

टेस्ट अगर तत्व का समर्थन करता है - सीएसएस-ट्रिक्स

सभी ब्राउज़र सभी तत्वों पर सभी विशेषताओं का समर्थन नहीं करते हैं। HTML5 में कई नई विशेषताएँ हैं, इसलिए यह देखने के लिए परीक्षण का विचार है कि किस प्रकार का ब्राउज़र "

Textareas में समर्थन टैब - सीएसएस-ट्रिक्स

Textareas में समर्थन टैब - सीएसएस-ट्रिक्स

आम तौर पर टैब कुंजी अगले फ़ोकस करने योग्य चीज़ पर ले जाती है। यह इसके बजाय एक टैब वर्ण सम्मिलित करता है। HTMLTextAreaElement.prototype.getCaretPosition = फ़ंक्शन "

स्ट्रिप व्हाईटस्पेस स्ट्रींग से - सीएसएस-ट्रिक्स

स्ट्रिप व्हाईटस्पेस स्ट्रींग से - सीएसएस-ट्रिक्स

व्हाट्सएप, अर्थ टैब और स्पेस। वेनिला जावास्क्रिप्ट (ट्रिम लीडिंग एंड ट्रेलिंग) var str = "abcdefg"; var newStr = str.trim (); // "एबीसी डी"

जावास्क्रिप्ट में HTML टैग पट्टी - सीएसएस-ट्रिक्स

जावास्क्रिप्ट में HTML टैग पट्टी - सीएसएस-ट्रिक्स

Let strippedString = originalString.replace (/ (<(+)>) / गी, ""); CodePen एंबेड फ़ॉलबैक "

टेस्ट यदि ड्रैगेंटर / ड्रैगओवर इवेंट में फ़ाइलें शामिल हैं - सीएसएस-ट्रिक्स

टेस्ट यदि ड्रैगेंटर / ड्रैगओवर इवेंट में फ़ाइलें शामिल हैं - सीएसएस-ट्रिक्स

HTML5 ड्रैग और ड्रॉप फ़ाइल अपलोड को संभालने के लिए बहुत अच्छा है। लेकिन अगर वह एकमात्र चीज है जिसके लिए आप इसका उपयोग कर रहे हैं, तो यह जानना अच्छा है कि क्या कोई विशेष ड्रैगेंटर "

जावास्क्रिप्ट में इंटरनेट एक्सप्लोरर के लिए टेस्ट - सीएसएस-ट्रिक्स

जावास्क्रिप्ट में इंटरनेट एक्सप्लोरर के लिए टेस्ट - सीएसएस-ट्रिक्स

Var isMSIE = / * @ cc_on! @ * / 0; अगर (isMSIE) (// आईई-विशिष्ट चीजें करें) और (// गैर आईई-विशिष्ट चीजें करें) "

टॉगल (दिखाएँ / छिपाएँ) तत्व - सीएसएस-ट्रिक्स

टॉगल (दिखाएँ / छिपाएँ) तत्व - सीएसएस-ट्रिक्स

इनलाइन उपयोग: तत्व की दृश्यता को टॉगल करने के लिए यहां क्लिक करें #foo यह foo है "

शफल ऐरे - सीएसएस-ट्रिक्स

शफल ऐरे - सीएसएस-ट्रिक्स

तकनीक # 1 फ़ंक्शन शफ़ल (ओ) (के लिए (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); वापसी ओ;); उपयोग var testArray "

स्ट्रिप नंबर एक स्ट्रिंग से - सीएसएस-ट्रिक्स

स्ट्रिप नंबर एक स्ट्रिंग से - सीएसएस-ट्रिक्स

Var someString = "हैलो 123 वर्ल्ड!"; newString = someString.replace (// g, ''); // कंसोल.लॉग (न्यूस्ट्रिंग); // "नमस्ते दुनिया!";"

पुनर्निर्देशित मोबाइल उपकरण - सीएसएस-ट्रिक्स

पुनर्निर्देशित मोबाइल उपकरण - सीएसएस-ट्रिक्स

"mobile.html" को आपके मोबाइल संस्करण के निवास स्थान के स्थान से बदल दिया जाएगा। इस तकनीक को एक वैकल्पिक स्टाइलशीट लोड करने के लिए अनुकूलित किया जा सकता है "

अजाक्स के साथ JSON के रूप में संतोषप्रद सामग्री परिवर्तन को सहेजना - सीएसएस-ट्रिक्स

अजाक्स के साथ JSON के रूप में संतोषप्रद सामग्री परिवर्तन को सहेजना - सीएसएस-ट्रिक्स

संतोषी विशेषता वाले तत्व ब्राउज़र विंडो में लाइव-एडिट किए जा सकते हैं। लेकिन निश्चित रूप से वे परिवर्तन वास्तविक दस्तावेज़ को प्रभावित नहीं करते हैं "

जावास्क्रिप्ट में कार्य के लिए आवश्यक पैरामीटर - सीएसएस-ट्रिक्स

जावास्क्रिप्ट में कार्य के लिए आवश्यक पैरामीटर - सीएसएस-ट्रिक्स

ओह यह चतुर है! मैं डेविड के ब्लॉग से यह बात छीन रहा हूं। const isRequired = () => (नई त्रुटि फेंकें ('परम आवश्यक है');); कास्ट हेलो = (नाम = "

एक सरणी से यादृच्छिक आइटम का चयन करें - सीएसएस-ट्रिक्स

एक सरणी से यादृच्छिक आइटम का चयन करें - सीएसएस-ट्रिक्स

Var myArray =; var randomItem = myArray; CodePen पर क्रिस कॉयर (@chriscoyier) द्वारा पेन gLJPZv देखें। "

अनुरोध के लिए setInterval का उपयोग करना सीएसएस-ट्रिक्स

अनुरोध के लिए setInterval का उपयोग करना सीएसएस-ट्रिक्स

जब एनीमेशन की बात आती है, तो हमें बताया जाता है कि setInterval एक बुरा विचार है। क्योंकि, उदाहरण के लिए, लूप किसी और चीज की परवाह किए बिना चलेगा, "

एक स्ट्रिंग से अंतिम चरित्र निकालें - सीएसएस-ट्रिक्स

एक स्ट्रिंग से अंतिम चरित्र निकालें - सीएसएस-ट्रिक्स

Var ऑरिजिस्ट्रिंग = 'हैप्पी डांस 7'; var trimmedString = OriginString.substring (0, OrigString.length-1); कंसोल.लॉग (ट्राइम्डस्ट्रीमिंग); // 'खुश नृत्य'"

इनलाइन स्टाइल्स निकालें - सीएसएस-ट्रिक्स

इनलाइन स्टाइल्स निकालें - सीएसएस-ट्रिक्स

यह फ़ंक्शन छिपी हुई सामग्री को भी संरक्षित करता है। function remove_style (सभी) (var i = all.length; var j, is_hidden; // प्रस्तुति संबंधी विशेषताएँ। var attr =;)

एक तत्व निकालें - सीएसएस-ट्रिक्स

एक तत्व निकालें - सीएसएस-ट्रिक्स

जो भी कारण के लिए, एक तत्व जावास्क्रिप्ट में खुद को नष्ट नहीं कर सकता है। jQuery के पास इसके लिए एक तरीका है, जो अच्छा है क्योंकि यही हम सोचते हैं: "

एक सरणी से डुप्लिकेट निकालें - सीएसएस-ट्रिक्स

एक सरणी से डुप्लिकेट निकालें - सीएसएस-ट्रिक्स

Svein Petter Gjøby द्वारा संकलित: const array =; // विधि 1: एक सेट कॉस्ट का प्रयोग अद्वितीय =; // विधि 2: Array.prototype.reduce const अद्वितीय = "

SSL पर पुनर्निर्देशित - सीएसएस-ट्रिक्स

SSL पर पुनर्निर्देशित - सीएसएस-ट्रिक्स

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; आप परीक्षण कर सकते हैं यदि window.location.href "

फेल्ड वैलिडेशन से एंबेडेड जावास्क्रिप्ट को रोकें - सीएसएस-ट्रिक्स

फेल्ड वैलिडेशन से एंबेडेड जावास्क्रिप्ट को रोकें - सीएसएस-ट्रिक्स

कभी जावास्क्रिप्ट में उस CDATA सामान को देखें और आश्चर्य करें कि यह किस लिए था? यह मान्यकर्ता को उस कोड को मार्कअप और विफल होने से रोकने के लिए है "

जावास्क्रिप्ट में एक यादृच्छिक रंग उत्पन्न करने के लिए कैसे - सीएसएस-ट्रिक्स

जावास्क्रिप्ट में एक यादृच्छिक रंग उत्पन्न करने के लिए कैसे - सीएसएस-ट्रिक्स

यहां एक क्विक है (एक PHP संस्करण भी है): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); पेन जेनरेट न्यू रैंडम हेक्स कलर देखें ”

स्क्रीन के लिए प्रिंट वस्तु - सीएसएस-ट्रिक्स

स्क्रीन के लिए प्रिंट वस्तु - सीएसएस-ट्रिक्स

PHP में स्क्रीन के लिए एक चर के बारे में जानकारी प्रिंट करने के लिए एक अच्छा print_r फ़ंक्शन है। कंसोल.लॉग () जावास्क्रिप्ट में भी इसके लिए बहुत अच्छा है, लेकिन "

IE में बैकग्राउंड इमेज फ्लिकर करना रोकें - सीएसएस-ट्रिक्स

IE में बैकग्राउंड इमेज फ्लिकर करना रोकें - सीएसएस-ट्रिक्स

कोशिश करो (document.execCommand ("BackgroundImageCache", झूठा, सच);) पकड़ (इरिटेशन ())

PageVisibility API - सीएसएस-ट्रिक्स

PageVisibility API - सीएसएस-ट्रिक्स

सागर गनात्रा द्वारा डेमो "

नामांकित जावास्क्रिप्ट टेम्पलेट - सीएसएस-ट्रिक्स

नामांकित जावास्क्रिप्ट टेम्पलेट - सीएसएस-ट्रिक्स

स्वनामधन्य अनाम फ़ंक्शन को yournamespacechoice वैश्विक चर में सौंपा गया है। सभी कार्यों और चर को निजी रखने के प्रभाव को "

समयबद्ध अंतराल पर प्रदर्शन करें - सीएसएस-ट्रिक्स

समयबद्ध अंतराल पर प्रदर्शन करें - सीएसएस-ट्रिक्स

हर एक सेकंड में एक फ़ंक्शन करें: फ़ंक्शन myFunction () (// do something) var int = setInterval (myFunction, 1000); इसे रद्द करें: clearInterval (int); "

आलसी लोडिंग छवियाँ - सीएसएस-ट्रिक्स

आलसी लोडिंग छवियाँ - सीएसएस-ट्रिक्स

अद्यतन: यह बहुत पुराना है। यदि आप इन दिनों आलसी चित्रों को देख रहे हैं, तो मैं आपको यह देखने की सलाह दूंगा: आलसी के लिए संपूर्ण मार्गदर्शिका चित्र एक मूल निवासी लोड हो रहा है "