jQuery ისტორია და მემკვიდრეობა

jQuery - ეს არის ყველაზე პოპულარული მსოფლიოში JavaScript ბიბლიოთეკა. ვებ განვითარების საზოგადოებამ შექმნა ის 2000-იანი წლების ბოლოს, რის შედეგადაც შეიქმნა საიტების, დანამატებისა და ჩარჩოების მდიდარი ეკოსისტემა, რომელიც იყენებს jQuery-ს.

მაგრამ ბოლო წლების განმავლობაში, მისი სტატუსი, როგორც ვებ განვითარების მთავარი ინსტრუმენტი, დაირღვა. ვნახოთ, რატომ გახდა jQuery პოპულარული და რატომ ამოვარდა მოდიდან და ასევე რა შემთხვევებშია მაინც მიზანშეწონილი მისი გამოყენება თანამედროვე ვებსაიტების შესაქმნელად.

jQuery-ის მოკლე ისტორია

ჯონ რეზიგი (ჯონ რეზიგი) შექმნა ბიბლიოთეკის პირველი ვერსია 2005 წელს და გამოქვეყნდა 2006 წელს-მ, ღონისძიებაზე სახელწოდებით BarCampNYC. ჩართულია jQuery ოფიციალური საიტი ავტორი წერდა:

jQuery არის Javascript ბიბლიოთეკა, რომელიც ეფუძნება დევიზის: Javascript უნდა იყოს სახალისო კოდირება. jQuery იღებს ჩვეულებრივ, განმეორებით დავალებებს, აშორებს ყველა არასაჭირო მარკირებას და ხდის მათ მოკლე, ელეგანტურ და სუფთა.

jQuery-ს ორი მთავარი უპირატესობა აქვს. პირველი არის მოსახერხებელი API ვებ გვერდების მანიპულირებისთვის. კერძოდ, ის უზრუნველყოფს ელემენტების შერჩევის მძლავრ მეთოდებს. არა მხოლოდ შეგიძლიათ აირჩიოთ ID ან კლასის მიხედვით, jQuery გაძლევთ საშუალებას დაწეროთ რთული გამონათქვამები, მაგალითად, აირჩიოთ ელემენტები სხვა ელემენტებთან მათი ურთიერთობის საფუძველზე:

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

დროთა განმავლობაში შერჩევის მექანიზმი ცალკე ბიბლიოთეკად იქცა განდევნა.

ბიბლიოთეკის მეორე უპირატესობა ის იყო, რომ ის აბსტრაქტებდა განსხვავებებს ბრაუზერებს შორის. იმ წლებში რთული იყო კოდის დაწერა, რომელიც საიმედოდ მუშაობდა ყველა ბრაუზერში.

სტანდარტიზაციის ნაკლებობა იმას ნიშნავდა, რომ დეველოპერებს სჭირდებოდათ გაეთვალისწინებინათ მრავალი განსხვავება ბრაუზერებსა და edge case-ებს შორის. შეხედე ეს ადრეული 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 Board. და 2012 წელს jQuery Board გადაკეთდა jQuery Foundation-ად.

2015 წელს jQuery Foundation გაერთიანდა Dojo Foundation-თან, JS Foundation-ის შესაქმნელად, რომელიც შემდეგ გაერთიანდა Node.js Foundation-ში 2019-მ შექმნა ფონდი OpenJS, რომლის ფარგლებშიც jQuery იყო ერთ-ერთი ”გარღვევის პროექტები. »

გარემოებების შეცვლა

თუმცა, ბოლო წლებში jQuery დაკარგა პოპულარობა. GitHub ამოიღეს ბიბლიოთეკა ჩემი საიტის წინა ნაწილიდან. Bootstrap v5 მოიშორეთ jQueryიმიტომ რომ ეს მისია"ყველაზე დიდი კლიენტის დამოკიდებულება რეგულარული JavaScript-ისთვის(ამჟამად 30 კბ ზომით, მინიფიცირებული და შეფუთული). ვებ განვითარების რამდენიმე ტენდენციამ შეასუსტა jQuery-ის, როგორც აუცილებელი ინსტრუმენტის პოზიცია.

ბრაუზერები

მრავალი მიზეზის გამო, ბრაუზერის განსხვავებები და შეზღუდვები ნაკლებად მნიშვნელოვანი გახდა. პირველი, გაუმჯობესდა სტანდარტიზაცია. ძირითადი ბრაუზერის დეველოპერები (Apple, Google, Microsoft და Mozilla) ერთად მუშაობენ განვითარებისთვის ვებ სტანდარტები შიგნით ვებ ჰიპერტექსტის აპლიკაციის ტექნოლოგიების სამუშაო ჯგუფი.
მიუხედავად იმისა, რომ ბრაუზერები კვლავ განსხვავდებიან ერთმანეთისგან რამდენიმე მნიშვნელოვანი თვალსაზრისით, მოვაჭრეებს მაინც აქვთ საშუალება მოძებნონ და შექმნან საერთო მონაცემთა ბაზა. მუდმივი ომი ერთად. შესაბამისად, ბრაუზერის API-ებმა ახალი შესაძლებლობები შეიძინეს. Მაგალითად, მიიღეთ 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 и 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-ის გამოყენებით.

მეორე მიზეზი ის არის, რომ ბრაუზერები ბევრად უფრო სწრაფად განახლდება, ვიდრე ადრე. მათი უმრავლესობა იყენებს "მარადმწვანე" განახლების სტრატეგიაApple Safari-ის გარდა. მათი განახლება შესაძლებელია ფონზე მომხმარებლის ჩარევის გარეშე და არ არის დაკავშირებული OS-ის განახლებებთან.

ეს ნიშნავს, რომ ბრაუზერის ახალი ფუნქციები და შეცდომების გამოსწორება ბევრად უფრო სწრაფად ნაწილდება და დეველოპერებს არ მოუწევთ ლოდინი Შეიძლება გამოვიყენო მიაღწევს მისაღებ დონეს. მათ შეუძლიათ დამაჯერებლად გამოიყენონ ახალი ფუნქციები და API-ები jQuery-ის ან პოლიფილების ჩამოტვირთვის გარეშე.

მესამე მიზეზი არის ის, რომ Internet Explorer უახლოვდება სრულიად შეუსაბამო მდგომარეობას. IE უკვე დიდი ხანია არის ვებ განვითარების უბედურება მთელს მსოფლიოში. მისი შეცდომები ფართოდ იყო გავრცელებული და რადგან IE დომინირებდა 2000-იან წლებში და არ იყენებდა მარადმწვანე განახლების სტრატეგიას, ძველი ვერსიები ჯერ კიდევ გავრცელებულია.

2016 წელს მაიკროსოფტმა დააჩქარა IE-ს დეკომისია, წყვეტს მხარდაჭერას მეათე და ადრინდელი ვერსიები, ზღუდავს მხარდაჭერას IE 11-ით. და უფრო მეტად, ვებ დეველოპერებს აქვთ IE თავსებადობის იგნორირების ფუფუნება.

jQuery-მაც კი შეწყვიტა IE 8-ის და ქვემოთ მხარდაჭერა დაწყებული ვერსია 2.0, გამოქვეყნდა 2013 წელს. და მიუხედავად იმისა, რომ ზოგიერთ შემთხვევაში IE მხარდაჭერა ჯერ კიდევ საჭიროა, მაგალითად, ძველ საიტებზე, ეს სიტუაციები წარმოიქმნება ნაკლებად და ნაკლებად ხშირად.

ახალი ჩარჩოები

jQuery-ის გაჩენის შემდეგ შეიქმნა მრავალი ფრეიმვორი, მათ შორის თანამედროვე ლიდერები რეაგირებას, კუთხოვანი и Vue. მათ აქვთ ორი მნიშვნელოვანი უპირატესობა jQuery-სთან შედარებით.

პირველ რიგში, ისინი აადვილებენ მომხმარებლის ინტერფეისის კომპონენტებად დაყოფას. ჩარჩოები შექმნილია გვერდის რენდინგისა და განახლებისთვის. და jQuery ჩვეულებრივ გამოიყენება მხოლოდ განახლებისთვის, რაც სერვერს უტოვებს საწყისი გვერდის მიწოდების ამოცანას.

მეორეს მხრივ, React, Angular და Vue კომპონენტები საშუალებას გაძლევთ მჭიდროდ დააწყოთ HTML, კოდი და CSS. ისევე, როგორც ჩვენ ვყოფთ კოდის ბაზას მრავალ ფუნქციებსა და კლასებად, ინტერფეისის მრავალჯერადი გამოყენების კომპონენტებად დაყოფის შესაძლებლობა აადვილებს რთული საიტების შექმნას და შენარჩუნებას.

მეორე უპირატესობა ის არის, რომ უახლესი ფრეიმიკები იცავენ დეკლარაციულ პარადიგმას, რომელშიც დეველოპერი აღწერს, თუ როგორი უნდა იყოს ინტერფეისი და უტოვებს მას ფრეიმიკს, რათა განახორციელოს ყველა საჭირო ცვლილება სასურველის მისაღწევად. ეს მიდგომა ეწინააღმდეგება იმპერატიულ მიდგომას, რომელიც ახასიათებს jQuery კოდს.

jQuery-ში თქვენ ცალსახად წერთ ნაბიჯებს რაიმე ცვლილების განსახორციელებლად. და დეკლარაციულ ჩარჩოში თქვენ ამბობთ: "ამ მონაცემების მიხედვით, ინტერფეისი ასე უნდა გამოიყურებოდეს." ამან შეიძლება გააადვილოს შეცდომების გარეშე კოდის დაწერა.

დეველოპერებმა მიიღეს ახალი მიდგომები ვებსაიტების შემუშავებაში, რის გამოც jQuery-ის პოპულარობა შემცირდა.

როდის გამოვიყენოთ jQuery?

ასე რომ, როდის უნდა იყოს გამოიყენო jQuery?

თუ პროექტის სირთულე იზრდება, მაშინ უმჯობესია დაიწყოთ სხვა ბიბლიოთეკით ან ჩარჩოთი, რომელიც საშუალებას მოგცემთ აზრობრივად მართოთ სირთულე. მაგალითად, დაყავით ინტერფეისი კომპონენტებად. jQuery-ის გამოყენება ასეთ საიტებზე თავიდან შეიძლება კარგად გამოიყურებოდეს, მაგრამ ეს სწრაფად გამოიწვევს სპაგეტის კოდს, სადაც არ ხართ დარწმუნებული, რომელი ფრაგმენტი მოქმედებს გვერდის რომელ ნაწილზე.

ისეთ სიტუაციაში ვყოფილვარ, როცა რაიმე ცვლილების შეტანას ვცდილობ, ეს რთული ამოცანაა. თქვენ არ შეგიძლიათ დარწმუნებული იყოთ, რომ ვერაფერს დაარღვევთ, რადგან jQuery სელექტორები დამოკიდებულია სერვერის მიერ გენერირებულ HTML სტრუქტურაზე.

მასშტაბის მეორე ბოლოში არის მარტივი საიტები, რომლებიც მხოლოდ მცირე ინტერაქტიულობას ან დინამიურ შინაარსს მოითხოვს. jQuery-ს ნაგულისხმევად არ დავაყენებ ამ შემთხვევაშიც, რადგან ძალიან ბევრი რამის გაკეთება შეგიძლიათ მშობლიურ API-ებით.

უფრო ძლიერიც რომ დამჭირდეს, სპეციალიზებულ ბიბლიოთეკას ვეძებ, მაგ. აქსიოსი აიაქსისთვის ან Animate.css ანიმაციებისთვის. ეს უფრო ადვილი იქნება, ვიდრე ყველა jQuery-ის ჩატვირთვა მცირე ფუნქციონირებისთვის.

ვფიქრობ jQuery-ის გამოყენების საუკეთესო დასაბუთება არის ის, რომ ის უზრუნველყოფს ყოვლისმომცველ ფუნქციონირებას ვებსაიტის წინა ბოლოსთვის. იმის ნაცვლად, რომ ისწავლოთ სხვადასხვა ადგილობრივი API ან სპეციალიზებული ბიბლიოთეკები, შეგიძლიათ წაიკითხოთ მხოლოდ jQuery დოკუმენტაცია და გახდეთ მყისიერად პროდუქტიული.

იმპერატიული მიდგომა არ არის კარგად მასშტაბური, მაგრამ მისი სწავლა უფრო ადვილია, ვიდრე სხვა ბიბლიოთეკების დეკლარაციული მიდგომა. აშკარად შეზღუდული შესაძლებლობების მქონე საიტისთვის უმჯობესია გამოიყენოთ jQuery და იმუშაოთ მშვიდად: ბიბლიოთეკა არ საჭიროებს კომპლექსურ აწყობას ან კომპილაციას.

გარდა ამისა, jQuery კარგია, თუ დარწმუნებული ხართ, რომ თქვენი საიტი დროთა განმავლობაში არ გართულდება და თუ არ გაინტერესებთ მშობლიური ფუნქციონალობა, რაც, რა თქმა უნდა, მოითხოვს მეტი კოდის დაწერას, ვიდრე jQuery.

თქვენ ასევე შეგიძლიათ გამოიყენოთ ეს ბიბლიოთეკა, თუ გჭირდებათ IE-ს ძველი ვერსიების მხარდაჭერა. შემდეგ jQuery მოგემსახურებათ ისე, როგორც იმ დღეებში, როდესაც IE იყო ყველაზე პოპულარული ბრაუზერი.

დაზვერვის

jQuery მალე არ გაქრება. ის აქტიურად ვითარდებადა ბევრი დეველოპერი ურჩევნია გამოიყენოს მისი API, მაშინაც კი, თუ ხელმისაწვდომი მეთოდები არსებობს. ბიბლიოთეკა დაეხმარა დეველოპერების მთელ თაობას შექმნას ვებსაიტები, რომლებიც მუშაობენ ნებისმიერ ბრაუზერზე. მიუხედავად იმისა, რომ იგი მრავალი თვალსაზრისით შეიცვალა ახალი ბიბლიოთეკებით, ჩარჩოებით და პარადიგმებით, jQuery-მ უაღრესად დადებითი როლი ითამაშა თანამედროვე ვებ-გვერდის შექმნაში.

თუ jQuery-ის ფუნქციონალობა მნიშვნელოვნად არ შეიცვლება, სავარაუდოა, რომ ბიბლიოთეკის გამოყენება ნელა, მაგრამ სტაბილურად შემცირდება მომდევნო რამდენიმე წლის განმავლობაში. ახალი ვებსაიტები თავიდანვე უფრო თანამედროვე ჩარჩოების გამოყენებით აშენდება და jQuery-სთვის შესაფერისი გამოყენების შემთხვევები სულ უფრო იშვიათი ხდება.

ზოგს არ მოსწონს ვებ განვითარების ინსტრუმენტების მოძველების ტემპი, მაგრამ ჩემთვის ეს სწრაფი პროგრესის მტკიცებულებაა. jQuery-მ ბევრი რამის უკეთესად გაკეთების საშუალება მოგვცა. იგივე ეხება მის მემკვიდრეებსაც.

წყარო: www.habr.com