jQuery - aduunka maktabad JavaScript ah. Bulshada horumarinta mareegaha ayaa abuurtay dabayaaqadii 2000-meeyadii, taas oo keentay in la helo deegaan qani ah oo ah goobo, plugins, iyo qaab-dhismeedyo la isticmaalayo jQuery hoostiisa.
Laakiin sannadihii la soo dhaafay, heerkeeda sida aaladda ugu horreysa ee horumarinta shabakadda ayaa meesha ka baxday. Aynu eegno sababta jQuery ay caan u noqotay iyo sababta ay uga baxday moodada, iyo sidoo kale xaaladaha ay weli ku talinayaan in la isticmaalo si loo abuuro shabakado casri ah.
Taariikh Kooban ee jQuery
John Resig () abuuray nuqulkii ugu horreeyay ee maktabadda 2005, iyo -m, dhacdo loo yaqaan BarCampNYC. Daar qoraagu wuxuu qoray:
jQuery waa maktabad Javascript ah oo ku salaysan halkudhegga: Javascript waa inay noqotaa mid xiiso leh in la codeeyo. jQuery waxay qabataa hawlo caadi ah, soo noqnoqda, waxay ka saartaa dhammaan calaamadaynta aan loo baahnayn, oo waxay ka dhigtaa kuwa gaaban, xarrago leh, oo nadiif ah.
jQuery waxay leedahay laba faa'iidooyin oo waaweyn. Midka koowaad waa API ku habboon in lagu maamulo bogagga shabakadda. Gaar ahaan, waxay bixisaa habab awood leh oo lagu dooranayo walxaha. Ma aha oo kaliya inaad ku dooran karto aqoonsiga ama fasalka, jQuery wuxuu kuu ogolaanayaa inaad qorto tibaaxo adag, tusaale ahaan, si aad u doorato walxaha ku salaysan xiriirka ay la leeyihiin walxaha kale:
// Select every item within the list of people within the contacts element
$('#contacts ul.people li');Muddo ka dib, habka xulashada wuxuu noqday maktabad gaar ah .
Faa'iidada labaad ee maktabaddu waxay ahayd in ay soo saartay kala duwanaanshiyaha browser-yada. Sannadahaas, way adkayd in la qoro kood ka shaqayn kara si la isku halleyn karo dhammaan daalacashada.
Halbeeg la'aanta waxay ka dhigan tahay horumariyayaashu waxay u baahnaayeen inay ku xisaabtamaan kala duwanaansho badan oo u dhexeeya daalacashada iyo kiisaska geesaha. Bal eega oo raadi jQuery.browser. Waa kan hal tusaale:
// 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);
}Mahadnaq leh jQuery, horumariyayaashu waxay u wareejin karaan welwelka ku saabsan dhammaan dhibaatooyinkan oo dhan garbaha kooxda horumarinaysa maktabadda.
Later, jQuery waxay fududaysay hirgelinta tignoolajiyada kakan sida animations iyo Ajax. Maktabadu waxay si wax ku ool ah u noqotay ku tiirsanaanta caadiga ah ee mareegaha. Oo maanta waxay awood u leedahay qayb weyn oo ka mid ah internetka. W3Techs ayaa aaminsan .
Xakamaynta horumarinta jQuery ayaa sidoo kale noqotay mid rasmi ah. 2011 kooxda . Iyo 2012 jQuery Board.
2015, JQuery Foundation waxay ku biirtay Dojo Foundation,, kaas oo markaas la midoobay Node.js Foundation galay-m in la abuuro, kaas oo jQuery uu ka mid ahaa ". "
Duruufaha is beddelaya
Si kastaba ha ahaatee, sanadihii ugu dambeeyay jQuery . GitHub. Bootstrap v5 sababtoo ah waa isaga""(hadda 30 KB oo cabbir ah, la yareeyey oo la soo buuxiyay). Dhowr isbeddel oo horumarinta webka ayaa wiiqay booska jQuery oo ah qalab lagama maarmaan ah.
Browser
Sababo dhowr ah dartood, kala duwanaanshaha browserka iyo xaddidaadaha ayaa noqday kuwa aan muhiim ahayn. Marka hore, jaangooyooyinka ayaa soo fiicnaaday. Horumarinta browserka waaweyn (Apple, Google, Microsoft iyo Mozilla) ayaa ka wada shaqaynaya sidii ay u horumarin lahaayeen gudaha.
Inkasta oo daalacayaashu ay weli ku kala duwan yihiin midba midka kale dhowr siyaabood oo muhiim ah, waratada ugu yaraan waxay leeyihiin hab ay ku raadiyaan oo ay abuuraan xog-ururin guud halkii ay ka heli lahaayeen wada jir. Sidaa darteed, API-yada browserka waxay heleen awoodo cusub. Tusaale, awood u leh inuu ka beddelo hawlaha Ajax ee 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);
});Dariiqooyinka ΠΈ soo xulayaasha jQuery nuqul ka mid ah:
// jQuery
const fooDivs = $('.foo div');
// native
const fooDivs = document.querySelectorAll('.foo div');Hadda waxaad maareyn kartaa fasalada element adigoo isticmaalaya :
// jQuery
$('#warning').toggleClass('visible');
// native
document.querySelector('#warning').classList.toggle('visible');On goobta Halkan waxaa ah dhowr xaaladood oo kale oo jQuery code lagu bedeli karo koodka asalka ah. Horumarinta qaar ayaa had iyo jeer ku dheggan jQuery sababtoo ah si fudud kama oga API-yada cusub, laakiin marka ay sameeyaan, waxay bilaabaan isticmaalka maktabadda marar badan.
Isticmaalka sifooyinka asalka ah waxay hagaajinaysaa waxqabadka bogga. Qaar badan hadda waad hirgelin kartaa isticmaalaya CSS.
Sababta labaad ayaa ah in browser-yada loo cusboonaysiiyo si ka dhakhso badan sidii hore. Inta badan waxay isticmaalaan , marka laga reebo Apple Safari. Waxaa lagu cusboonaysiin karaa gadaal iyadoon isticmaaluhu ku lug lahayn oo kuma xidhna cusboonaysiinta OS.
Tani waxay ka dhigan tahay in sifooyinka cusub ee browserka iyo hagaajinta cayayaanka si dhakhso ah loo qaybiyo, horumariyayaashuna maaha inay sugaan ilaa inta laga gaarayo waxay gaari doontaa heer la aqbali karo. Waxay si kalsooni leh u isticmaali karaan astaamo cusub iyo API-yada iyaga oo aan soo dejin jQuery ama polyfills.
Sababta saddexaad ayaa ah in Internet Explorer uu ku soo wajahan yahay xaalad aan dhammaystirnayn. IE ayaa muddo dheer caqabad ku ahaa horumarinta shabakadda adduunka oo dhan. Cayaylaankeedu aad bay u baahdeen, sababta oo ah IE ayaa xukumaysay 2000-meeyadii oo ma isticmaalin istaraatiijiyad casriyeyn ah oo weligeed cagaar ah, noocyadii hore ayaa weli ah kuwo caadi ah.
2016, Microsoft waxay dardargelisay joojinta IE, Noocyadii tobnaad iyo kuwii hore, oo xaddidaya taageerada IE 11. Iyo sii kordheysa, horumarinta shabakadaha waxay leeyihiin raaxo ah inay iska indhatiraan iswaafajinta IE.
Xitaa jQuery waxay joojisay taageeridda IE 8 iyo wixii ka hooseeya laga bilaabo , oo la daabacay 2013kii. In kasta oo xaaladaha qaarkood taageerada IE weli loo baahan yahay, tusaale ahaan, goobihii hore, xaaladahani waxay soo baxaan wax yar iyo marar badan.
Qaabab cusub
Tan iyo markii ay soo baxday jQuery, qaabab badan ayaa la sameeyay, oo ay ku jiraan hoggaamiyeyaasha casriga ah , ΠΈ . Waxay leeyihiin laba faa'iidooyin oo muhiim ah marka loo eego jQuery.
Marka hore, waxay fududeeyaan in ay kala soocaan interface interface qaybo ka mid ah. Qaab-dhismeedka waxaa loo qaabeeyey si ay u maamulaan samaynta bogga iyo cusboonaysiinta. Iyo jQuery waxaa badanaa loo isticmaalaa oo kaliya cusboonaysiinta, ka tagista hawsha bixinta bogga hore ee server-ka.
Dhanka kale, Qaybaha React, Angular iyo Vue waxay kuu oggolaanayaan inaad si adag u dhejiso HTML, code iyo xitaa CSS. Sida aan u kala qaybinno saldhigga koodhka ee hawlo badan oo iskood isku xiran iyo fasalo, awoodda loo qaybiyo qaybaha dib loo isticmaali karo waxay sahlaysaa in la dhiso oo la ilaaliyo goobo adag.
Faa'iidada labaad ayaa ah in qaab-dhismeedyadii dhawaa ay u hoggaansamaan jaantuska caddaynta, kaas oo horumariyahu uu ku qeexayo sida interface-ku u ekaan karo oo uu uga tago qaabka si uu u sameeyo dhammaan isbeddellada lagama maarmaanka ah si loo gaaro waxa la doonayo. Habkani wuxuu ka soo horjeedaa habka lama huraanka ah ee tilmaamaya jQuery code.
Gudaha jQuery, waxaad si cad ugu qortaa tillaabooyinka aad ku samaynayso isbedel kasta. Oo qaab-dhismeedka caddaynta waxaad tidhaahdaa, "Marka loo eego xogtan, interface-ku waa inuu u ekaadaa sidan." Tani waxay ka dhigi kartaa qorista koodka aan cilladaha lahayn mid aad u fudud.
Horumariyayaashu waxay qaateen habab cusub oo loo horumariyo shabakada, waana sababta jQuery caannimadiisa ay hoos u dhacday.
Goorma la isticmaalayo jQuery?
Haddaba goorma waa in ay noqdaan isticmaal jQuery?
Haddii kakanaanta mashruucu kordho, markaa way fiicantahay inaad ka bilowdo maktabad kale ama qaab-dhismeed kaas oo kuu ogolaanaya inaad si macno leh u maamusho kakanaanta. Tusaale ahaan, interface-ka u qaybi qaybo. Isticmaalka jQuery ee goobahan ayaa laga yaabaa inay marka hore si fiican u ekaato, laakiin waxay si dhakhso ah u horseedi doontaa koodka spaghetti halkaas oo aadan hubin jajabka saameeya qaybta bogga.
Waxaan ku jiray xaalad sidan oo kale ah, marka aan isku dayayo inaan sameeyo isbeddel kasta, waxay dareemeysaa hawl adag. Ma hubin kartid inaadan waxba jebin doonin sababtoo ah xulashada jQuery waxay ku xiran yihiin qaabka HTML ee uu soo saaro server-ka.
Dhamaadka kale ee cabirku waa goobo fudud oo kaliya u baahan xoogaa is dhexgal ama nuxur firfircoon. Anigu kuma dhici doono jQuery xaaladahan midkoodna, sababtoo ah waxaa jira wax badan oo aad ku samayn karto API-yada asalka ah.
Xitaa haddii aan u baahdo wax ka xoog badan, waxaan raadin doonaa maktabad gaar ah, tusaale; ee Ajax ama loogu talagalay animations. Tani way ka sahlanaan doontaa marka loo eego dhammaan jQuery si ay u shaqeyso yar.
Waxaan u maleynayaa in sababta ugu fiican ee loo isticmaalo jQuery ay tahay in ay bixiso shaqeyn dhammaystiran oo loogu talagalay dhammaadka hore ee bogga internetka. Halkii aad ka baran lahayd noocyo kala duwan oo API-yo ah ama maktabado gaar ah, waxaad akhrin kartaa kaliya dukumeentiga jQuery oo aad isla markiiba noqon kartaa mid wax soo saar leh.
Habka lama huraanka ah si fiican uma miisaan, laakiin way fududahay in la barto marka loo eego habka caddaynta ee maktabadaha kale. Goobta leh awoodo si cad u xaddidan, way fiicantahay in la isticmaalo jQuery oo aad si deggan u shaqeyso: maktabaddu uma baahna kulan adag ama isku-dubarid.
Intaa waxaa dheer, jQuery waa wanaagsan tahay haddii aad ku kalsoon tahay in goobtaadu aysan ku adkaan doonin waqti ka dib, iyo haddii aadan dan ka lahayn shaqeynta hooyo, taas oo hubaal ah u baahan doonta qorista kood ka badan jQuery.
Waxaad sidoo kale isticmaali kartaa maktabadan haddii aad u baahan tahay inaad taageerto noocyadii hore ee IE. Markaa jQuery waxa ay kuugu adeegi doontaa sidii ay ahaan jirtay waagii uu IE ahaa browserka ugu caansan.
Fiiri mustaqbalka
jQuery ma lumin doono waqti dhow. iyada , iyo horumariyayaal badan ayaa doorbidaya inay isticmaalaan API-ga, xitaa haddii hababka asalka ah la heli karo. Maktabadu waxay caawisay jiil dhan oo horumariyayaal ah inay abuuraan shabakado ka shaqeeya browser kasta. Inkasta oo siyaabo badan lagu beddelay maktabado cusub, qaab-dhismeedyo, iyo jaangooyooyin, jQuery ayaa door aad u wanaagsan ka ciyaartay abuurista shabakadda casriga ah.
Haddii jQuery shaqadiisu si weyn isu beddesho mooyaane, waxay u badan tahay in isticmaalka maktabaddu uu si tartiib tartiib ah u sii socon doono laakiin si joogto ah hoos ugu dhaco dhawrka sano ee soo socda. Shabakado cusub ayaa u muuqda in la dhisay iyadoo la isticmaalayo habab casri ah laga bilaabo bilawgii, iyo kiisaska ku habboon isticmaalka jQuery ayaa noqonaya mid naadir ah.
Dadka qaarkiis ma jecla heerka ay qalabka horumarinta mareegaha noqdaan kuwa duugoobay, laakiin aniga waxay ii caddaynaysaa horumarka degdega ah. jQuery waxa ay noo ogolaatay in aanu samayno waxyaalo badan oo ka wanaagsan. Isla sidaas oo kale ayaa ah kuwii iyada bedelay.
Source: www.habr.com