JQuery का इतिहास और विरासत

jQuery दुनिया में सबसे लोकप्रिय जावास्क्रिप्ट पुस्तकालय है। वेब डेवलपर समुदाय ने 2000 के दशक के उत्तरार्ध में इसे बनाया, जिसके कारण साइटों, प्लग-इन, और चौखटे के एक समृद्ध पारिस्थितिकी तंत्र का उदय हुआ, जो हुड के नीचे jQuery का उपयोग करता है।

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

JQuery का एक संक्षिप्त इतिहास

जॉन रेजिग ने 2005 में पुस्तकालय का पहला संस्करण बनाया, और 2006 में इसे BarCampNYC नामक एक कार्यक्रम में प्रकाशित किया । आधिकारिक jQuery वेबसाइट पर, लेखक ने लिखा:

jQuery एक जावास्क्रिप्ट लाइब्रेरी है जो आदर्श वाक्य पर आधारित है: जावास्क्रिप्ट में प्रोग्रामिंग अच्छी होनी चाहिए। jQuery बार-बार, दोहराए जाने वाले कार्यों को लेता है, सभी अनावश्यक मार्कअप को निकालता है, और उन्हें छोटा, सुरुचिपूर्ण और समझने योग्य बनाता है।

JQuery के दो मुख्य फायदे हैं। पहला वेब पृष्ठों में हेरफेर करने के लिए एक सुविधाजनक एपीआई है। विशेष रूप से, यह आइटम का चयन करने के लिए शक्तिशाली तरीके प्रदान करता है। आप न केवल आईडी या कक्षाओं द्वारा चुन सकते हैं, jQuery आपको जटिल अभिव्यक्ति लिखने की अनुमति देता है, उदाहरण के लिए, अन्य संबंधों के आधार पर उनके संबंधों के आधार पर तत्वों का चयन करने के लिए:

// Select every item within the list of people within the contacts element $('#contacts ul.people li'); 

समय के साथ, चयन इंजन एक अलग Sizzle पुस्तकालय में विकसित हुआ है।

पुस्तकालय का दूसरा लाभ यह था कि इसने ब्राउज़रों के बीच अंतर को कम कर दिया। उन वर्षों में, कोड लिखना मुश्किल था जो सभी ब्राउज़रों में मज़बूती से काम कर सके।

मानकीकरण की कमी का मतलब था कि डेवलपर्स को ब्राउज़र और बॉर्डरलाइन मामलों के बीच कई अंतरों पर विचार करने की आवश्यकता थी। इस प्रारंभिक jQuery स्रोत कोड पर एक नज़र डालें और jQuery.browser देखें। यहाँ एक उदाहरण है:

 // If Mozilla is used if ( jQuery.browser == "mozilla" || jQuery.browser == "opera" ) { // Use the handy event callback jQuery.event.add( document, "DOMContentLoaded", jQuery.ready ); // If IE is used, use the excellent hack by Matthias Miller // http://www.outofhanwell.com/blog/index.php?title=the_window_onload_problem_revisited } else if ( jQuery.browser == "msie" ) { // Only works if you document.write() it document.write("<scr" + "ipt id=__ie_init defer=true " + "src=javascript:void(0)><\/script>"); // Use the defer script hack var script = document.getElementById("__ie_init"); script.onreadystatechange = function() { if ( this.readyState == "complete" ) jQuery.ready(); }; // Clear from memory script = null; // If Safari is used } else if ( jQuery.browser == "safari" ) { // Continually check to see if the document.readyState is valid jQuery.safariTimer = setInterval(function(){ // loaded and complete are both valid states if ( document.readyState == "loaded" || document.readyState == "complete" ) { // If either one are found, remove the timer clearInterval( jQuery.safariTimer ); jQuery.safariTimer = null; // and execute any waiting functions jQuery.ready(); } }, 10); } 

और jQuery के लिए धन्यवाद, डेवलपर्स पुस्तकालय विकास टीम के कंधों पर इन सभी नुकसानों की देखभाल को स्थानांतरित कर सकते हैं।

JQuery ने बाद में अधिक परिष्कृत तकनीकों जैसे एनिमेशन और अजाक्स के कार्यान्वयन की सुविधा प्रदान की। पुस्तकालय वास्तव में एक मानक वेबसाइट निर्भरता में बदल गया है। और आज यह इंटरनेट के एक विशाल हिस्से का काम प्रदान करता है। W3Tech का अनुमान है कि आज 74% साइटें jQuery का उपयोग करती हैं ।

JQuery के विकास पर नियंत्रण भी अधिक औपचारिक हो गया है। 2011 में, टीम ने jQuery बोर्ड बनाया । और 2012 में, jQuery बोर्ड jQuery फाउंडेशन में बदल गया ।

2015 में, jQuery फाउंडेशन जेएस फाउंडेशन बनाने के लिए Dojo फाउंडेशन में शामिल हो गया, जिसने बाद में 2019 में Node.js फाउंडेशन के साथ मिलकर OpenJS Foundation बनाया , जिसमें jQuery " छिद्रपूर्ण परियोजनाओं " में से एक था।

बदलती परिस्थितियाँ

हालांकि, हाल के वर्षों में jQuery लोकप्रियता में वृद्धि हुई है । GitHub ने अपनी साइट के सामने से लाइब्रेरी को हटा दिया । बूटस्ट्रैप v5 को jQuery से छुटकारा मिल जाएगा क्योंकि यह इसका " नियमित जावास्क्रिप्ट के लिए सबसे बड़ा ग्राहक निर्भरता " है (वर्तमान में 30 Kb, छोटा और पैक)। वेब विकास के कई रुझानों ने एक आवश्यक उपकरण के रूप में jQuery की स्थिति को कमजोर कर दिया है।

ब्राउज़रों

कई कारणों से, ब्राउज़र अंतर और सीमाएं कम महत्वपूर्ण हो गए हैं। सबसे पहले, मानकीकरण में सुधार हुआ है। प्रमुख ब्राउज़र डेवलपर्स (Apple, Google, Microsoft और Mozilla) संयुक्त रूप से वेब हाइपरटेक्स्ट एप्लीकेशन टेक्नोलॉजी वर्किंग ग्रुप के हिस्से के रूप में वेब मानकों को विकसित कर रहे हैं।
यद्यपि ब्राउज़र अभी भी कई महत्वपूर्ण पहलुओं में एक दूसरे से भिन्न हैं, विक्रेताओं के पास कम से कम एक दूसरे के साथ स्थायी युद्ध के बजाय एक सामान्य आधार खोजने और बनाने का एक साधन है। तदनुसार, ब्राउज़र एपीआई ने नई सुविधाएँ प्राप्त की हैं। उदाहरण के लिए, Fetch API Ajax फ़ंक्शन को jQuery से बदलने में सक्षम है:

 // jQuery $.getJSON('https://api.com/songs.json') .done(function (songs) { console.log(songs); }) // native fetch('https://api.com/songs.json') .then(function (response) { return response.json(); }) .then(function (songs) { console.log(songs); }); 

क्वेरी -चयनकर्ता और querySelector सभी विधियाँ jQuery से डुप्लिकेट चयनकर्ताओं:

 // jQuery const fooDivs = $('.foo div'); // native const fooDivs = document.querySelectorAll('.foo div'); 

अब आप क्लासिस्ट के साथ एलिमेंट क्लास में हेरफेर कर सकते हैं:

 // jQuery $('#warning').toggleClass('visible'); // native document.querySelector('#warning').classList.toggle('visible'); 

आप की आवश्यकता नहीं है jQuery वेबसाइट कुछ और स्थितियों को सूचीबद्ध करती है जिसमें आप jQuery कोड को मूल कोड से बदल सकते हैं। कुछ डेवलपर्स हमेशा jQuery का पालन करते हैं, क्योंकि वे बस नए एपीआई के बारे में नहीं जानते हैं, लेकिन जब उन्हें पता चलता है, तो वे इस पुस्तकालय का उपयोग कम बार करना शुरू करते हैं।

देशी सुविधाओं का उपयोग करने से पृष्ठ प्रदर्शन बेहतर हो सकता है। कई jQuery एनीमेशन प्रभाव अब CSS के साथ बहुत अधिक कुशलता से लागू किए जा सकते हैं।

दूसरा कारण यह है कि ब्राउज़र पहले की तुलना में बहुत तेजी से अपडेट होते हैं। उनमें से अधिकांश के पास Apple सफारी के अपवाद के साथ "सदाबहार" अपडेट रणनीति है । उन्हें उपयोगकर्ता की भागीदारी के बिना पृष्ठभूमि में अपडेट किया जा सकता है और ओएस अपडेट से बंधा नहीं है।

इसका मतलब है कि नई ब्राउज़र सुविधाएँ और बग फिक्स बहुत तेजी से फैल रहे हैं, और डेवलपर्स को तब तक इंतजार करने की आवश्यकता नहीं है जब तक कि कैन आई शेयर का उपयोग स्वीकार्य स्तर तक नहीं पहुंच जाता। वे आत्मविश्वास से नई सुविधाओं और एपीआई का उपयोग बिना jQuery या पॉलीफ़ाइल्स को लोड किए बिना कर सकते हैं।

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

2016 में, माइक्रोसॉफ्ट ने दसवें और पहले के संस्करणों के लिए समर्थन रोककर IE के डीकोमिशनिंग को तेज कर दिया, खुद को IE 11 के लिए समर्थन करने के लिए सीमित कर दिया। और तेजी से, वेब डेवलपर्स आईई संगतता की अनदेखी करने के लक्जरी का खर्च उठा सकते हैं।

2013 में जारी संस्करण 2.0 के बाद से jQuery भी IE 8 और निम्न का समर्थन करना बंद कर दिया है। और यद्यपि कुछ मामलों में IE के लिए समर्थन अभी भी आवश्यक है, उदाहरण के लिए, पुरानी साइटों पर, हालांकि, ये स्थितियां कम और कम उत्पन्न होती हैं।

नई रूपरेखा

JQuery के आगमन के बाद से, प्रतिक्रिया , कोणीय और Vue के आधुनिक नेताओं सहित कई रूपरेखाएं बनाई गई हैं। JQuery से अधिक उनके दो महत्वपूर्ण फायदे हैं।

सबसे पहले, वे उपयोगकर्ता इंटरफ़ेस को घटकों में विभाजित करना आसान बनाते हैं। रूपरेखाएँ प्रतिपादन और पृष्ठ ताज़ा करने के लिए डिज़ाइन की गई हैं। और jQuery का उपयोग आमतौर पर केवल अपडेट करने के लिए किया जाता है, सर्वर को स्टार्ट पेज प्रदान करने का कार्य सौंपता है।

दूसरी ओर, प्रतिक्रिया, कोणीय, और Vue घटक आपको HTML, कोड, और यहां तक ​​कि सीएसएस को बारीकी से लिंक करने देते हैं। जैसा कि हम कोड आधार को कई स्व-निहित कार्यों और कक्षाओं में विभाजित करते हैं, इंटरफ़ेस को पुन: प्रयोज्य घटकों में विभाजित करने की क्षमता विधानसभा और जटिल साइटों के रखरखाव को सरल बनाती है।

दूसरा लाभ यह है कि अधिक हाल के ढांचे एक घोषणात्मक प्रतिमान का पालन करते हैं, जिसमें डेवलपर वर्णन करता है कि इंटरफ़ेस कैसा दिखना चाहिए, और वांछित को प्राप्त करने के लिए सभी आवश्यक परिवर्तनों के कार्यान्वयन के साथ फ्रेमवर्क सौंपता है। यह दृष्टिकोण jQuery कोड की अनिवार्य दृष्टिकोण विशेषता का विरोध करता है।

JQuery में, आप स्पष्ट रूप से कोई भी परिवर्तन करने के लिए चरणों को स्पष्ट रूप से लिखते हैं। और घोषणात्मक ढांचे में आप कहते हैं: "इन आंकड़ों के अनुसार, इंटरफ़ेस को इस तरह दिखना चाहिए।" यह बग के बिना कोड लिखने की सुविधा प्रदान कर सकता है।

डेवलपर्स ने वेबसाइट विकास के लिए नए तरीके अपनाए हैं, यही वजह है कि jQuery की लोकप्रियता गिरी है।

JQuery का उपयोग कब करें?

तो jQuery का उपयोग कब किया जाना चाहिए ?

यदि परियोजना की जटिलता बढ़ेगी, तो किसी अन्य पुस्तकालय या ढांचे के साथ शुरू करना बेहतर है जो आपको जटिलता का प्रबंधन करने की अनुमति देता है। उदाहरण के लिए, इंटरफ़ेस को घटकों में विभाजित करना। पहली बार ऐसी साइटों में jQuery का उपयोग स्वीकार्य लग सकता है, लेकिन यह जल्दी से स्पेगेटी कोड का नेतृत्व करेगा जब आप सुनिश्चित नहीं होते हैं कि कौन सा टुकड़ा पृष्ठ के किस हिस्से को प्रभावित करता है।

मैं ऐसी स्थिति में रहा हूं, जब मैं कोई भी बदलाव करने की कोशिश करता हूं, तो मुझे एक मुश्किल काम का अहसास होता है। आप सुनिश्चित नहीं हो सकते कि आपने कुछ भी नहीं तोड़ा है, क्योंकि jQuery के चयनकर्ता सर्वर द्वारा बनाए गए HTML संरचना पर निर्भर करते हैं।

पैमाने के दूसरे छोर पर सरल साइटें हैं जिनके लिए केवल अन्तरक्रियाशीलता या गतिशील सामग्री के स्पर्श की आवश्यकता होती है। ऐसे मामलों में, मैं डिफ़ॉल्ट रूप से jQuery का उपयोग नहीं करूंगा, क्योंकि देशी एपीआई के साथ बहुत कुछ किया जा सकता है।

यहां तक ​​कि अगर मुझे कुछ और अधिक शक्तिशाली चाहिए, तो मैं एक विशेष पुस्तकालय की तलाश करूंगा , उदाहरण के लिए, अजाक्स के लिए axios या एनिमेशन के साथ animate.css । यह थोड़ा कार्यक्षमता के लिए सभी jQuery लोड करने की तुलना में आसान होगा।

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

अनिवार्य दृष्टिकोण अच्छा नहीं है, लेकिन अन्य पुस्तकालयों की घोषणात्मक दृष्टिकोण की तुलना में सीखना आसान है। स्पष्ट रूप से सीमित क्षमताओं वाली साइट के लिए, jQuery का उपयोग करना और चुपचाप काम करना बेहतर है: पुस्तकालय को जटिल विधानसभा या संकलन की आवश्यकता नहीं है।

इसके अलावा, jQuery उन मामलों में अच्छा है जहां आप सुनिश्चित हैं कि साइट समय के साथ जटिल नहीं होगी, और यदि आप मूल कार्यक्षमता के बारे में परवाह नहीं करते हैं, तो निश्चित रूप से, आपको jQuery से अधिक कोड लिखने की आवश्यकता होगी।

यदि आप IE के पुराने संस्करणों का समर्थन करने की आवश्यकता है, तो आप इस लाइब्रेरी का भी उपयोग कर सकते हैं। तब jQuery उन दिनों की तरह आपकी सेवा करेगा जब IE सबसे लोकप्रिय ब्राउज़र था।

भविष्य में देखो

jQuery जल्द ही गायब नहीं होगा। यह सक्रिय रूप से विकसित हो रहा है , और कई डेवलपर्स देशी तरीकों की उपलब्धता के साथ, इसके एपीआई का उपयोग करना पसंद करते हैं। पुस्तकालय ने डेवलपर्स की एक पूरी पीढ़ी को उन वेबसाइटों को बनाने में मदद की जो किसी भी ब्राउज़र पर काम करते हैं। और यद्यपि कई पहलुओं में इसे नए पुस्तकालयों, फ्रेमवर्क और प्रतिमानों द्वारा बदल दिया गया है, jQuery ने एक आधुनिक वेब बनाने में बहुत बड़ी सकारात्मक भूमिका निभाई है।

यदि jQuery की कार्यक्षमता में महत्वपूर्ण परिवर्तन नहीं होता है, तो यह संभावना है कि अगले कुछ वर्षों में पुस्तकालय का उपयोग धीरे-धीरे लेकिन निरंतर गिरावट जारी रखेगा। नई वेबसाइटें आमतौर पर बहुत अधिक आधुनिक रूपरेखाओं का उपयोग करके बनाई जाती हैं, और उपयुक्त jQuery उपयोग परिदृश्य कम आम होते जा रहे हैं।

किसी को वेब विकास उपकरण के लिए अप्रचलन की तीव्रता पसंद नहीं है, लेकिन मेरे लिए यह तेजी से प्रगति का सबूत है। jQuery ने हमें बहुत बेहतर करने की अनुमति दी है। उसके उत्तराधिकारियों के लिए भी यही सच है।