Reklaam
jQuery on kliendipoolne skriptikogu, mida kasutab peaaegu iga kaasaegne veebisait - see muudab veebisaidid interaktiivseks. See pole ainus Javascripti teek, kuid see on kõige arenenum, toetatum ja laialdasemalt kasutatav. See on mis tahes kaasaegse veebisaidi alustala. Mis on aga jQuery, mis teeb selle nii populaarseks ja miks peaks sellest hoolima, kui alustate veebiarendajana?
Mis on jQuery?
jQuery on Javascripti laiendus, Javascript funktsioonid ja utiliidid, mis lisavad visuaalset elegantsi ja muudavad lisafunktsioonid hõlpsasti rakendatavaks vaid mõne koodiridaga. Seda toetatakse kõigis brauserites ja avatud lähtekoodiga. Lisaks saate laiendada jQuery funktsioone hõlpsasti kasutatavate pistikprogrammidega.
jQuery on üles ehitatud Javascripti peale, kuid see lisab meetodeid ja funktsioone, mida puhtas Javascriptis pole. See loodi Javascripti kasutamise lihtsustamiseks ja JavaScripti erineva juurutamisega seotud probleemide eemaldamiseks erinevates brauserites. JQuery abil saate kirjutada lihtsalt ühe korra ja jQuery tõlgendab teie koodi iga brauseri jaoks õigesti.
JQuery põhiülesanne on DOM-i manipuleerimine (DOM on dokumendiobjekti mudel) ja see tähendab mis tahes külastatava veebilehe alusstruktuuri. DOM-is on esindatud kõik lehel nähtavad asjad - ja paljud, mida te ei näe -.
jQuery ei ole ainus Javascripti raamatukogu, kuid see on kõige populaarsem - seda kasutab umbes 55% 10 000-st veebisaidist. Prototüüp, MooTools ja Scriptaculous on populaarsed alternatiivid, kuid mitte peaaegu nii hästi toetatud.
Kliendi ja serveri küljed
Enamik veebilehti luuakse serveripoolel - MakeUseOf kasutab PHP-d ja MySQL-i (WordPressi kujul), et artiklite andmeid andmebaasist tuua ja seejärel neile andmetele malli rakendada. Saadud leht saadetakse teie brauserisse, tõlgendatakse ja kuvatakse teile. Lingil klõpsates tehakse andmebaasile uus taotlus ja genereeritakse veel üks leht. Aga mis siis, kui soovite lehel mingit interaktiivsust luua? Vorm, mis kontrollib kasutaja sisestatud tüüpe (näiteks Twitter, mis loeb, kui palju tähti teil on jäänud), a, mis avab dialoogiboksi, või soovite võib-olla laadida veel andmeid ilma kogu uuesti laadimata leht?
See on koht, kus kliendipoolne skriptimine tuleb mängu. Sellega teeb raske raskuse klient - teie brauser. Enamik veebisaite, sealhulgas üks neist, kasutavad vähe mõlemaid.
Miks kasutada jQuery?
Visuaalne hõng
jQuery laseme teil muuta vastuseks kasutaja toimingutele veebilehe osi. Kiire näitena klõpsake sellel lingil - kõik lingid lehel muutuvad muutke punaseks. Kasutu? Võib-olla, kuid saate asjast aru. Piltide slaidiseanssid on jQuery tavaline kasutusviis. Mõttetu visuaalefektide ja kasutajakogemuse tõeliselt kasulike lisandite tasakaalustamine on osa veebiarendajate oskustest.
Siin on a kiire nimekiri mõningatest tõeliselt vingetest efektidest, mida saate saavutada.
Lihtsad sündmused
Peaaegu kogu tarkvara töötab sündmusemudeli järgi - klõpsake midagi ja klõpsasündmus käivitatakse. Lohistage sõrm üle tahvelarvuti ja lohistatakse sündmus. Rakendused "kuulavad" neid sündmusi ja teevad midagi - jQuery võimaldab teil seda teha brauseris.
Tehke AJAX lihtsalt
Asünkroonne Javascript ja XML on kaugserveriga suhtlemise viis, ilma et peaksite laadima teist lehte. Hea näide sellest on Facebooki olekuvoog. Proovige sirvida kõiki oma värskendusi, kuni jõuate põhja. Sa ei saa. Niipea, kui olete lõpule jõudnud, tuvastab jQuery, et olete lähedal, ja saadab AJAX-i päringu kuvada uusi olekuid.
Seejärel süstib need praegusele lehele, ilma et te sellest aru saaksite. Saate lõputut värskenduste voogu, kuid kõik pole kohe alguses laaditud.
Täpsemad kasutajaliidesed
Koos jQuery UI tuum plugin, saate luua täielikke veebirakendusi, kasutades standardvormi komponente; edenemisriba, liugurid, nupud, vahelehed, lohistamine - see on kõik olemas. Lihtne neidusüsteem võimaldab teil välimust kohandada või võite kasutada mõnda vaikeseadet.
Kas ma peaksin hoolima?
Kui teil on mingisugust huvi veebisaitide arendamine Millist programmeerimiskeelt õppida - veebiprogrammeerimineTäna vaatleme erinevaid Interneti-programmeerimiskeeli. See on algajate programmeerimissarja neljas osa. 1. osas õppisime põhilisi ... Loe rohkem , siis jah - jQuery on asi, mida peate kindlasti õppima. Kui olete kunagi endalt küsinud „Kuidas saan panna X tegema Y, kui kasutaja teeb Z?“, siis hakkate armastama jQuery. Selle lisamine oma saidile on sama lihtne lisades sellele päises lingi; või käsk WordPressil seda laadida.
Kas soovite õppida jQuery? Andke meile kommentaarides teada ja ma näen, mida ma saan teha.
Pildikrediidid: JQuery abil loodud dünaamiline pöörlev stend, PistolSlut.com, Diagramm on tehtud jQuery abil
Jamesil on tehisintellekti BSc ning ta on CompTIA A + ja Network + sertifikaadiga. Ta on MakeUseOfi juhtiv arendaja ja veedab oma vaba aega VR-i paintballi ja lauamänge mängides. Ta on lapsest peale arvutit ehitanud.