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');

समय के साथ, चयन तंत्र एक अलग पुस्तकालय बन गया कड़ाके की धूप.

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

मानकीकरण की कमी का मतलब था कि डेवलपर्स को ब्राउज़र और एज मामलों के बीच कई अंतरों को ध्यान में रखना होगा। पर एक नज़र डालें यह प्रारंभिक 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 फाउंडेशन का डोजो फाउंडेशन के साथ विलय हो गया, जेएस फाउंडेशन बनाने के लिए, जो बाद में Node.js फाउंडेशन के साथ विलय हो गया 2019-एम बनाने के लिए OpenJS फाउंडेशन, जिसके अंतर्गत jQuery " में से एक थानिर्णायक परियोजनाएँ».

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

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

Браузеры

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

// 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);
    });

तरीकों क्वेरी चयनकर्ता и querySelectorAll डुप्लिकेट 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 से एनीमेशन प्रभाव अब आप कार्यान्वित कर सकते हैं बहुत अधिक प्रभावी सीएसएस का उपयोग करना।

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

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

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

2016 में, Microsoft ने IE को बंद करने की प्रक्रिया तेज़ कर दी, समर्थन देना बंद कर दिया दसवां और पहले का संस्करण, IE 11 के लिए समर्थन सीमित कर रहा है। और तेजी से, वेब डेवलपर्स के पास IE संगतता को अनदेखा करने की सुविधा है।

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

नये ढाँचे

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

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

दूसरी ओर, रिएक्ट, एंगुलर और वीयू घटक आपको 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 ने हमें बहुत सी चीज़ें बेहतर तरीके से करने की अनुमति दी है। यही बात उनके उत्तराधिकारियों के लिए भी सच है।

स्रोत: www.habr.com