HTML पेज पर मौजूद किसी इमेज टैग को जावास्क्रिप्ट की मदद से डेटा URI में बदलने के लिए, आपको सबसे पहले एक कैनवास एलिमेंट बनाना होगा, उसकी चौड़ाई और ऊंचाई इमेज के बराबर सेट करनी होगी, इमेज को उस पर ड्रॉ करना होगा और अंत में उस पर toDataURL मेथड कॉल करना होगा। उदाहरण function getDataUrl(img) { // कैन

window.location ऑब्जेक्ट Window.location रीड-ओनली प्रॉपर्टी एक Location ऑब्जेक्ट लौटाती है जिसमें डॉक्यूमेंट के वर्तमान स्थान (URL) के बारे में जानकारी होती है। Location इंटरफेस उस ऑब्जेक्ट के स्थान (URL) को दर्शाता है जिससे यह जुड़ा हुआ है। लोकेशन ऑब्जेक्ट पर निम्न प्रॉपर्टीज उपलब्ध हैं: प्रॉप

इमेज को डेटा URI में बदलना HTML पेज टैग से इमेज को JavaScript का उपयोग करके डेटा URI में बदलने के लिए, आपको पहले एक कैनवास एलिमेंट बनाना होगा, इसकी चौड़ाई और ऊंचाई इमेज के बराबर सेट करनी होगी, उस पर इमेज ड्रा करनी होगी और अंत में इस पर toDataURL मेथड कॉल करना होगा। यह इमेज का बेस64 एन्कोडेड डेटा U

कंसोल मेथड log() इसमें पास किए गए किसी भी ऑब्जेक्ट का toString प्रतिनिधित्व प्रदर्शित करता है। कंसोल मेथड dir() निर्दिष्ट JavaScript ऑब्जेक्ट की प्रॉपर्टीज़ की एक इंटरैक्टिव सूची प्रदर्शित करता है। आउटपुट को डिस्क्लोजर ट्रायंगल्स के साथ एक हायरार्किकल लिस्टिंग के रूप में प्रस्तुत किया जाता है जो आप

आप forEach मेथड से ब्रेक नहीं कर सकते और यह लूप से बचने का कोई तरीका प्रदान नहीं करता (एक्सेप्शन फेंकने के अलावा)। आप इसके बजाय lodash से _.find जैसे अन्य फ़ंक्शन्स का उपयोग कर सकते हैं: _.find - जब एलिमेंट मिल जाता है तो लूप से बाहर निकल जाता है। उदाहरण के लिए: उदाहरण { // अपनी कंडीशन यहां चेक कर

JS में ऑब्जेक्ट प्रॉपर्टीज़ बनाने के लिए 2 नोटेशन्स हैं: डॉट नोटेशन और ब्रैकेट नोटेशन। किसी वेरिएबल से ऑब्जेक्ट प्रॉपर्टी बनाने के लिए, आपको निम्न तरीके से ब्रैकेट नोटेशन का उपयोग करने की आवश्यकता है: उदाहरण const obj = {a: foo} const prop = bar // prop वेरिएबल नाम का उपयोग करके प्रॉपर्टी bar सेट क

SinonJS स्टैंड-अलोन टेस्ट स्पाईज़, स्टब्स और मॉक्स प्रदान करता है। यह एक लाइब्रेरी है जिसका उपयोग हम यूनिट टेस्टिंग के लिए ऑब्जेक्ट मॉक्स बनाने के लिए कर सकते हैं। स्पाईज़ - नकली फ़ंक्शन्स जिनका उपयोग हम एक्ज़िक्यूशन ट्रैक करने के लिए कर सकते हैं। स्टब्स - फ़ंक्शन रिप्लेसमेंट्स जिनसे हम जो चाहें रि

Window.location रीड-ओनली प्रॉपर्टी डॉक्यूमेंट की वर्तमान लोकेशन के बारे में जानकारी के साथ एक Location ऑब्जेक्ट लौटाती है। आप इसका उपयोग URL को होस्टनेम और पाथ में पार्स करने के लिए कर सकते हैं। Location इंटरफ़ेस उस ऑब्जेक्ट की लोकेशन (URL) को दर्शाता है जिससे यह जुड़ा हुआ है। Location ऑब्जेक्ट पर

फ्यूचर एक पुराना टर्म है जो प्रॉमिस के समान है। एक प्रॉमिस एक ऐसे मान का प्रतिनिधित्व करता है जो अभी तक ज्ञात नहीं है। इसे एक ऐसे मान के प्रॉक्सी के रूप में बेहतर समझा जा सकता है जो प्रॉमिस बनाते समय आवश्यक रूप से ज्ञात नहीं होता। एक डिफर्ड उस कार्य का प्रतिनिधित्व करता है जो अभी तक समाप्त नहीं हु

आप हैश को हटाने के लिए हिस्ट्री API पर replaceState मेथड का उपयोग कर सकते हैं। replaceState() मेथड वर्तमान हिस्ट्री एंट्री को मॉडिफाई करता है, इसे मेथड पैरामीटर्स में पास किए गए स्टेट ऑब्जेक्ट्स, टाइटल, और URL से बदल देता है। यह मेथड विशेष रूप से उपयोगी होता है जब आप किसी यूज़र एक्शन के जवाब में वर

किसी भी लेवल पर प्रॉपर्टीज़ को सुरक्षित रूप से प्राप्त करने के लिए आप lodash के get मेथड का उपयोग कर सकते हैं। फर्स्ट-लेवल प्रॉपर्टीज़ प्राप्त करना काफी सीधा है। नेस्टेड प्रॉपर्टी एक्सेस ट्रिकी है और इसके लिए आपको lodash जैसी टेस्टेड लाइब्रेरी का उपयोग करना चाहिए। आप डीपली नेस्टेड ऑब्जेक्ट को निम्न

किसी भी लेवल पर प्रॉपर्टीज़ को सुरक्षित रूप से सेट करने के लिए आप lodash के set मेथड का उपयोग कर सकते हैं। फर्स्ट-लेवल प्रॉपर्टीज़ सेट करना काफी सीधा है। नेस्टेड प्रॉपर्टी एक्सेस ट्रिकी है और इसके लिए आपको lodash जैसी टेस्टेड लाइब्रेरी का उपयोग करना चाहिए। आप डीपली नेस्टेड ऑब्जेक्ट को निम्न तरीके स

ऑब्जेक्ट-ओरिएंटेड प्रोग्रामिंग भाषाएं प्राइवेट फ़ील्ड्स का उपयोग करके डेटा हाइडिंग की अनुमति देती हैं। वे क्लासेस के इंटर्नल्स को छिपाने के लिए इनका उपयोग करती हैं। JS में इंटर्नल वर्किंग्स को छिपाने/एनकैप्सुलेट करने के लिए ऐसा कोई बिल्ट-इन सपोर्ट नहीं है। हमारे पास अनाम फ़ंक्शन्स हैं जो JS में आपक

हम JavaScript का उपयोग करके सेलेक्ट बॉक्स का मान निम्न तरीके से सेट कर सकते हैं। मान लीजिए हमारे पास निम्न सेलेक्ट बॉक्स है: <select id=my-select value=1> <option value=1>Select</option> <option value=2>Apple</option> <option value=3>Strawberry</option> <

JS में डेट में एक दिन जोड़ने के लिए, setDate फ़ंक्शन सबसे अच्छा तरीका है। आप डेट प्रोटोटाइप पर निम्न फ़ंक्शन बना सकते हैं ताकि डेट में दिन जोड़े जा सकें। उदाहरण Date.prototype.addDays = function(days) { let d = new Date(this.valueOf()); d.setDate(d.getDate() + days); return d; } let date = new Date

MEAN, MongoDB, Express, Angular, और Node.js का संक्षिप्त नाम है। MEAN.js और MEAN.io अनिवार्य रूप से एक ही चीजें हैं क्योंकि वे दोनों स्कैफोल्डेड एप्लिकेशन या ऊपर बताई गई 4 चीजों का उपयोग करने के लिए बेसिक सेटअप हैं। ये लाइब्रेरीज/टूल्स आपके लिए पहले से ही ये सेटअप करते हैं। ये आपको बेसिक इंफ्रास्ट्

ब्राउज़र क्लोज पर localStorage डेटा क्लियर करने के लिए, आप टैब क्लोज चेक करने के लिए window.onunload इवेंट का उपयोग कर सकते हैं। मान लीजिए आपके पास MyStorage नाम का एक localStorage ऑब्जेक्ट है इस उदाहरण के लिए ग्लोबल के रूप में। फिर आप एक इवेंट हैंडलर लिख सकते हैं: उदाहरण { // Local storage क्लियर

आप dispatchEvent मेथड का उपयोग करके व्यक्तिगत एलिमेंट्स पर इवेंट्स डिस्पैच कर सकते हैं। मान लीजिए आपके पास onChange इवेंट के साथ test नाम का एक एलिमेंट है: <input id=test type=text/> इवेंट हैंडलर: console.log(Changed!)) इवेंट को मैन्युअली ट्रिगर करना: const e = new Event(change); const eleme

JS में ऑब्जेक्ट्स के ऐरे पर किसी की द्वारा ग्रुप बाय करने का सबसे कुशल मेथड reduce फ़ंक्शन का उपयोग करना है। reduce() मेथड एक रेड्यूसर फ़ंक्शन (जो आप प्रदान करते हैं) को ऐरे के प्रत्येक एलिमेंट पर एक्ज़िक्यूट करता है, जिसके परिणामस्वरूप एक सिंगल आउटपुट वैल्यू मिलती है। उदाहरण { const key = obj[pro

HTML पेज टैग से इमेज को JavaScript का उपयोग करके डेटा URI में बदलने के लिए, आपको पहले एक कैनवास एलिमेंट बनाना होगा, इसकी चौड़ाई और ऊंचाई इमेज के बराबर सेट करनी होगी, उस पर इमेज ड्रॉ करनी होगी और अंत में इस पर toDataURL मेथड कॉल करना होगा। यह इमेज का बेस64 एन्कोडेड डेटा URI लौटाएगा। उदाहरण के लिए, य