jQuery इतिहास र विरासत

jQuery - यो सबैभन्दा लोकप्रिय छ संसारमा जाभास्क्रिप्ट पुस्तकालय। वेब विकास समुदायले यसलाई 2000 को दशकको अन्तमा सिर्जना गर्‍यो, परिणामस्वरूप साइटहरू, प्लगइनहरू, र हुड मुनि jQuery प्रयोग गरी फ्रेमवर्कहरूको समृद्ध इकोसिस्टम।

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

jQuery को संक्षिप्त इतिहास

जोन रेसिग (जोन रेसिग) ले 2005 मा पुस्तकालयको पहिलो संस्करण सिर्जना गर्नुभयो, र 2006 मा प्रकाशित-m, BarCampNYC नामक कार्यक्रममा। अन jQuery आधिकारिक वेबसाइट लेखकले लेखे:

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

jQuery का दुई मुख्य फाइदाहरू छन्। पहिलो वेब पृष्ठहरू हेरफेर गर्नको लागि सुविधाजनक API हो। विशेष गरी, यसले तत्वहरू चयन गर्न शक्तिशाली विधिहरू प्रदान गर्दछ। तपाईले आईडी वा वर्ग द्वारा मात्र चयन गर्न सक्नुहुन्न, 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 ले एनिमेसन र Ajax जस्ता थप जटिल प्रविधिहरू लागू गर्न सजिलो बनायो। पुस्तकालय प्रभावकारी रूपमा वेबसाइटहरूको लागि एक मानक निर्भरता भएको छ। र आज यसले इन्टरनेटको ठूलो हिस्सालाई शक्ति दिन्छ। W3Techs विश्वास गर्छ आज 74% साइटहरूले jQuery प्रयोग गर्छन्.

jQuery विकास मा नियन्त्रण पनि अधिक औपचारिक भएको छ। 2011 मा टोली jQuery बोर्ड सिर्जना गरियो। र 2012 मा jQuery बोर्ड jQuery फाउन्डेसनमा परिणत भयो.

2015 मा, jQuery फाउन्डेसन डोजो फाउन्डेशनसँग मर्ज भयो, जेएस फाउन्डेशन सिर्जना गर्न, जुन त्यसपछि Node.js फाउन्डेसनसँग मर्ज भयो 2019-m सिर्जना गर्न ओपनजेएस फाउन्डेशन, जस भित्र jQuery एउटा थियो "सफलता परियोजनाहरू। "

परिबर्तन परिस्थिति

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

ब्राउजरहरू

धेरै कारणहरूको लागि, ब्राउजर भिन्नता र सीमाहरू कम महत्त्वपूर्ण भएका छन्। पहिलो, मानकीकरण सुधार भएको छ। प्रमुख ब्राउजर विकासकर्ताहरू (एप्पल, गुगल, माइक्रोसफ्ट र मोजिला) विकास गर्न सँगै काम गरिरहेका छन् वेब मानकहरू फ्रेमवर्क भित्र वेब हाइपरटेक्स्ट अनुप्रयोग टेक्नोलोजी कार्य समूह.
यद्यपि ब्राउजरहरू अझै पनि धेरै महत्त्वपूर्ण तरिकाहरूमा एकअर्काबाट भिन्न छन्, विक्रेताहरूसँग कम्तिमा पनि एक सामान्य डाटाबेस खोज्ने र सिर्जना गर्ने माध्यम छ। स्थायी युद्ध सँगै। तदनुसार, ब्राउजर API हरूले नयाँ क्षमताहरू प्राप्त गरेका छन्। जस्तै, API प्राप्त गर्नुहोस् 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 सँग टाँस्छन् किनभने उनीहरूलाई नयाँ API हरूको बारेमा मात्र थाहा हुँदैन, तर जब उनीहरू गर्छन्, उनीहरूले पुस्तकालय कम प्रयोग गर्न थाल्छन्।

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

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

यसको मतलब यो हो कि नयाँ ब्राउजर सुविधाहरू र बग समाधानहरू धेरै छिटो वितरित हुन्छन्, र विकासकर्ताहरूले कुर्नु पर्दैन। म प्रयोग गर्न सक्छु स्वीकार्य स्तरमा पुग्नेछ। तिनीहरूले jQuery वा पोलिफिलहरू डाउनलोड नगरिकन नयाँ सुविधाहरू र API हरू विश्वस्त रूपमा प्रयोग गर्न सक्छन्।

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

2016 मा, माइक्रोसफ्टले IE को डिकमिसन गर्ने प्रक्रियालाई गति दियो, समर्थन गर्न बन्द दशौं र अघिल्लो संस्करणहरू, IE 11 लाई समर्थन सीमित गर्दै। र बढ्दो रूपमा, वेब विकासकर्ताहरूसँग IE अनुकूलतालाई बेवास्ता गर्ने विलासिता छ।

यहाँ सम्म कि jQuery ले IE 8 र तल देखि समर्थन गर्न बन्द गर्यो संस्करण ११2013 मा प्रकाशित। र यद्यपि केही अवस्थाहरूमा IE समर्थन अझै आवश्यक छ, उदाहरणका लागि, पुरानो साइटहरूमा, यी अवस्थाहरू कम र कम प्राय उत्पन्न हुन्छन्।

नयाँ फ्रेमवर्कहरू

jQuery को आगमन पछि, आधुनिक नेताहरू सहित धेरै फ्रेमवर्कहरू सिर्जना गरिएको छ प्रतिक्रिया, कोणीय и Vue। तिनीहरूसँग jQuery मा दुई महत्त्वपूर्ण फाइदाहरू छन्।

पहिले, तिनीहरूले प्रयोगकर्ता इन्टरफेसलाई कम्पोनेन्टहरूमा अलग गर्न सजिलो बनाउँछन्। फ्रेमवर्कहरू पृष्ठ रेन्डरिङ र अपडेटिङ ह्यान्डल गर्न डिजाइन गरिएको हो। र jQuery सामान्यतया अपडेटको लागि मात्र प्रयोग गरिन्छ, सर्भरमा प्रारम्भिक पृष्ठ प्रदान गर्ने कार्य छोडेर।

अर्कोतर्फ, प्रतिक्रिया, Angular र Vue कम्पोनेन्टहरूले तपाईंलाई HTML, कोड र यहाँसम्म कि CSS जोड्न अनुमति दिन्छ। जसरी हामीले कोड आधारलाई धेरै आत्म-निहित कार्यहरू र वर्गहरूमा विभाजन गर्छौं, त्यसरी नै इन्टरफेसलाई पुन: प्रयोज्य कम्पोनेन्टहरूमा विभाजन गर्ने क्षमताले जटिल साइटहरू निर्माण र मर्मत गर्न सजिलो बनाउँछ।

दोस्रो फाइदा यो हो कि हालसालैका ढाँचाहरूले घोषणात्मक प्रतिमानलाई पालना गर्दछ, जसमा विकासकर्ताले इन्टरफेस कस्तो देखिनु पर्छ भनेर वर्णन गर्दछ र इच्छित कुरा प्राप्त गर्न सबै आवश्यक परिवर्तनहरू गर्न फ्रेमवर्कमा छोड्छ। यो दृष्टिकोण अनिवार्य दृष्टिकोणको विपरित छ जुन jQuery कोडको विशेषता हो।

jQuery मा, तपाईंले कुनै पनि परिवर्तन गर्नका लागि चरणहरू स्पष्ट रूपमा लेख्नुहुन्छ। र एक घोषणात्मक ढाँचामा तपाईले भन्नुहुन्छ, "यस डेटा अनुसार, इन्टरफेस यस्तो देखिनु पर्छ।" यसले बग-मुक्त कोड लेख्न धेरै सजिलो बनाउन सक्छ।

विकासकर्ताहरूले वेबसाइट विकासको लागि नयाँ दृष्टिकोण अपनाएका छन्, त्यसैले jQuery को लोकप्रियता घटेको छ।

jQuery कहिले प्रयोग गर्ने?

त्यसोभए कहिले हुनुपर्छ jQuery प्रयोग गर्ने?

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

म यस्तो अवस्थामा छु, कुनै पनि परिवर्तन गर्न खोज्दा, यो गाह्रो काम जस्तो लाग्छ। तपाईं निश्चित हुन सक्नुहुन्न कि तपाईंले केहि पनि तोड्नुहुनेछैन किनभने jQuery चयनकर्ताहरू सर्भरद्वारा उत्पन्न HTML संरचनामा निर्भर हुन्छन्।

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

यदि मलाई थप शक्तिशाली केहि चाहिन्छ भने, म एक विशेष पुस्तकालय खोज्नेछु, जस्तै। अक्षहरू Ajax को लागि वा एनिमेट सीएसएस एनिमेसनको लागि। यो सानो कार्यक्षमताको लागि सबै jQuery लोड गर्नु भन्दा सजिलो हुनेछ।

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

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

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

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

भविष्यमा हेर्नुहोस्

jQuery चाँडै हराउने छैन। तिनी सक्रिय रूपमा विकास गर्दै, र धेरै विकासकर्ताहरूले यसको एपीआई प्रयोग गर्न रुचाउँछन्, नेटिभ विधिहरू उपलब्ध भए तापनि। पुस्तकालयले विकासकर्ताहरूको सम्पूर्ण पुस्तालाई कुनै पनि ब्राउजरमा काम गर्ने वेबसाइटहरू सिर्जना गर्न मद्दत गरेको छ। यद्यपि यो नयाँ पुस्तकालयहरू, फ्रेमवर्कहरू, र प्रतिमानहरू द्वारा धेरै तरिकामा प्रतिस्थापन गरिएको छ, jQuery ले आधुनिक वेबको सिर्जनामा ​​ठूलो सकारात्मक भूमिका खेलेको छ।

jQuery को कार्यक्षमता उल्लेखनीय रूपमा परिवर्तन नभएसम्म, यो सम्भव छ कि पुस्तकालयको प्रयोग बिस्तारै जारी रहनेछ तर आउँदो केही वर्षहरूमा लगातार घट्नेछ। नयाँ वेबसाइटहरू सुरुदेखि नै थप आधुनिक फ्रेमवर्कहरू प्रयोग गरेर बनाइन्छ, र jQuery को लागि उपयुक्त प्रयोग केसहरू बढ्दो दुर्लभ हुँदै गइरहेका छन्।

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

स्रोत: www.habr.com