Hjemmeside » Coding » ParaplyJS er dit alternativ til jQuery

    ParaplyJS er dit alternativ til jQuery

    Den åbne kilde jQuery bibliotek har domineret webudvikling i årevis. Det er stadig en af ​​de mest betroede ressourcer til JavaScript, men der er en nyt bibliotek i byen hedder UmbrellaJS.

    Paraply er også helt åben kilde og tilbyder meget af samme funktionalitet herunder element selektorer, DOM manipulation og AJAX anmodninger.

    Paraply JS fungerer næsten lige som jQuery bortset fra forskellige syntax og funktionsopkald. Så hvis Paraply er dette tæt på jQuery, hvad er fordelen at bruge det?

    Nå skal paraply være en meget mindre bibliotek end jQuery ogdet er kun til DOM manipulation. Og ærligt, dette bibliotek er super kompakt sammenlignet med jQuery.

    Det fulde Umbrella.js bibliotek er ca. 4KB ikke-minificeret. jQuery seneste version Totals over 250KB! Så hvis du leder efter en forenklet version af jQuery så vil paraply være hurtigere at indlæse og lige så nem at bruge.

    Online dokumentationen tilbyder a liste over alle funktioner og parametre du kan passere ind i disse funktioner. Det er komplet vejledning til Paraply og det er konstant opdateres.

    Heldigvis er mange lignende jQuery-funktioner mimicked via Paraply så den syntaks er meget let at læse. F.eks på() Metoden er den samme, og du kan passere alle de samme begivenhedslyttere som f.eks klik eller hover.

    Den største forskel er det, at paraplyvalgere bruger u () metode i stedet for jQuery's fælles $ (). Her er en kodeeksempel der udløser en advarselsboks, når nogen klikker på en knap med klassen .knap.

     u ("knap"). på ('klik', funktion () alarm ("Hej verden");); 

    Det er et simpelt eksempel, men det illustrerer perfekt paraplyens værdi.

    Til se en live demo tjek denne pen tilbyder a sample input feltvalg. Alle udgangskoder er vises lige på skærmen. Du kan også studere paraply JS kildekoden for at se, hvordan det virker.

    For at lære mere om Paraply, tjek den officiel hjemmeside eller kig på kildekoden bor i GitHub repo.