mobile theme mode icon
theme mode light icon theme mode dark icon
Random Question अनियमित
speech play
speech pause
speech stop

पोस्टस्क्राइब: DOM में परिवर्तनों का पता लगाने के लिए एक सरल और लचीली जावास्क्रिप्ट लाइब्रेरी

पोस्टस्क्राइब एक जावास्क्रिप्ट लाइब्रेरी है जो आपको दस्तावेज़ में परिवर्तनों की सदस्यता लेने और उन परिवर्तनों के होने पर सूचित करने की अनुमति देती है। यह `म्यूटेशनऑब्जर्वर` एपीआई के समान है, लेकिन इसका उपयोग करना आसान है और अधिक लचीला है। Postscribe के साथ, जब भी कोई परिवर्तन पता चलता है तो आप कॉल करने के लिए एक फ़ंक्शन निर्दिष्ट कर सकते हैं, और आप एक विकल्प ऑब्जेक्ट भी निर्दिष्ट कर सकते हैं जो आपको व्यवहार को अनुकूलित करने की अनुमति देता है पुस्तकालय। उदाहरण के लिए, आप यह निर्दिष्ट करने के लिए `childList` विकल्प का उपयोग कर सकते हैं कि आप किस प्रकार के परिवर्तनों का पता लगाना चाहते हैं (उदाहरण के लिए, केवल तत्व, केवल विशेषताएँ, आदि)।
```
कॉन्स्ट ऑब्जर्वर = नया पोस्टस्क्राइब (दस्तावेज़, {
चाइल्डलिस्ट: सत्य, // सभी बच्चों में परिवर्तनों का पता लगाएं
सबट्री: सत्य, // संपूर्ण सबट्री में परिवर्तनों का पता लगाएं
विशेषताओल्डवैल्यू: सत्य // विशेषताओं में परिवर्तनों का पता लगाएं
});

ऑब्जर्वर .onChange = फ़ंक्शन(परिवर्तन) {
कंसोल.लॉग('परिवर्तन का पता चला:', परिवर्तन);
};
```
इस उदाहरण में, `पोस्टस्क्राइब` उदाहरण `चाइल्डलिस्ट`, `सबट्री` के साथ बनाया गया है, और `attributeOldValue` विकल्प `true` पर सेट हैं। इसका मतलब यह है कि लाइब्रेरी दस्तावेज़ के सभी बच्चों में बदलावों के साथ-साथ पूरे सबट्री में बदलाव और विशेषताओं में बदलाव का पता लगाएगी। जब भी किसी परिवर्तन का पता चलता है तो `ऑनचेंज` फ़ंक्शन को कॉल किया जाएगा। Postscribe वेब अनुप्रयोगों को डीबग करने और परीक्षण करने के लिए एक उपयोगी उपकरण है, क्योंकि यह आपको DOM में परिवर्तनों का आसानी से पता लगाने और प्रतिक्रिया देने की अनुमति देता है। यह उन अनुप्रयोगों के लिए भी एक अच्छा विकल्प है जिन्हें समय के साथ DOM की स्थिति की निगरानी करने की आवश्यकता होती है, जैसे वास्तविक समय सहयोग उपकरण या डेटा विज़ुअलाइज़ेशन ऐप्स।

Knowway.org आपको बेहतर सेवा प्रदान करने के लिए कुकीज़ का उपयोग करता है। Knowway.org का उपयोग करके, आप कुकीज़ के हमारे उपयोग के लिए सहमत होते हैं। विस्तृत जानकारी के लिए, आप हमारे कुकी नीति पाठ की समीक्षा कर सकते हैं। close-policy