Michael Fisher
0 
3730
519
I går skrev jeg om, hvad JavaScript er, og hvordan det fungerer Hvad er JavaScript, og hvordan fungerer det? [Teknologi forklaret] Hvad er JavaScript, og hvordan fungerer det? [Teknologi forklaret]. Med udgangspunkt i den enorme popularitet af JavaScript i disse dage på nettet er et antal biblioteker kommet på forkant.
Så hvad er egentlig et bibliotek, og hvorfor skulle du bruge et til JavaScript, når du kan gøre næsten alt uden at inkludere en anden fil i din kode? Glad for at du spurgte. Lad os prøve og besvare det, og se også på nogle af de bedste muligheder for JavaScript-kodebibliotek derude.
Biblioteker
Når man taler med hensyn til programmering og computere, refererer biblioteker generelt til samling af genanvendelig kode der hjælper dig med at udvikle din kode til et bestemt job. Især JavaScript-biblioteker giver dig en række nyttige hjælpefunktioner, der gør udviklingen meget lettere. Derudover tager et JavaScript-kodebibliotek sig af problemer med tværbrowser, så du kan fokusere på din applikations logik snarere end at løse uoverensstemmelser mellem de forskellige browsere. Her er en hurtig oversigt over 5 mest populære JavaScript-biblioteker:
jQuery
Det er sandsynligvis det mest populære JavaScript-kodebibliotek derude. jQuery kaldes the “skriv mindre, gør mere” JavaScript-bibliotek. En af grundene til dette er den kortfattede syntaks og en-liners, der giver dig mulighed for at udføre komplekse opgaver, der normalt kræver en rimelig mængde kode.
$ ( '# Toc'). Børn ( 'li'). AddClass ( 'markere'). Show ( 'langsom')
Dette er en typisk jQuery-foring, der leder efter et DOM-element med id "toc" og derefter krydser sine børn efter eventuelle "li" -elementer, tilføjer et klassemærke til dem og skjuler dem, mens du animerer dem langsomt. Prøv at gøre det i en enkelt linje med rå JavaScript!
Den største styrke ved jQuery er DOM-gennemgang og -manipulation. Disse er gjort så nemt med jQuery, at man ofte har tendens til at slappe af, når man skriver markup, og tænker, hvor let det er at manipulere det ved hjælp af jQuery. Derudover har jQuery også en fremragende liste over plugins og jQuery UI, som er fantastisk til at udvide jQuerys muligheder og designe fantastiske brugergrænseflader.
Moo værktøjer
Moo Tools tilbyder også lignende funktioner. Både jQuery og Moo Tools tilbyder lignende funktioner og adskiller sig lidt i syntaks. Moo Tools er lidt mere tilbøjelig til at skrive Objektorienteret JavaScript. Selvom intet forhindrer dig i at gøre det med jQuery, letter Moo Tools faktisk at skrive genanvendelig objektorienteret kode. jQuery fokuserer mere på at få tingene gjort let, mens Moo Tools er til mellem til avanceret JavaScript-udvikler, der ønsker at skrive komponenter for at bruge dem senere.
Moo Tools har et plugin-bibliotek, det er måske ikke så rig som jQuerys plugin-bibliotek, men det er bestemt et, du kan henvende dig til, når det er i nød. Dokumentationen er god, og der er bøger, der fokuserer på Moo-værktøjer, så du nemt kan komme i gang og være hurtig i gang.
Dojo værktøjssæt
Som navnet siger, er det et værktøjssæt. Som sådan tilbyder det et kraftfuldt API, der giver dig mulighed for at udføre komplekse opgaver som DOM-manipulation, gennemgang og animation nemt via CSS-vælgere, ligesom de fleste andre JavaScript-rammer og biblioteker. Hvor Dojo udmærker sig er præstationsfronten. Dojo sammen med jQuery er de to bedste biblioteker med hensyn til eksekveringshastigheder (selvom sammenligning af JS-rammer med hensyn til hastighed undertiden er som at sammenligne æbler med appelsiner).
Dojo Toolkit tilbyder også rige UI-widgets, som du kan bruge til at forbedre brugergrænsefladen til din applikation. Dojo understøtter alle de populære browsere, og dokumentationen er god sammen med et antal bøger, som du kan købe for at lære ind og outs i Dojo Toolkit.
Ext JS
Hvis det er den brugergrænseflade, du fokuserer på, når du udvikler din webapp, er Ext JS måske en af de bedste løsninger derude. Ext JS leverer et omfattende sæt widgets, der giver din webapp en desktop-applikation som udseende og fornemmelse. UI-widgets er også rige på funktionalitet og er i stand til at hente data via en række forskellige metoder og vise dem nøjagtigt som du vil.
Der er faner paneler, træer, trekkspil, gitre og meget mere. Disse kan kombineres med hinanden ved hjælp af layout (a la Java Swings) for at designe et komplekst layout, der kan gøre desktop-applikationer til skamme. Du kan se på nogle af demo-apps på Ext JS-stedet for at se, hvad javascript-kodebiblioteket er i stand til. For nylig har de også frigivet Ext Designer, som giver dig mulighed for at oprette UI'er ved hjælp af enkle træk-og-slip-operationer og derefter giver dig koden til UI.
Yui
YUI eller Yahoo! Brugergrænsefladebibliotek er det samme bibliotek, der driver Yahoo! hjemmeside. YUI er et robust, funktionsrig JavaScript-bibliotek udviklet af ingeniører hos Yahoo og inkluderer nu kode fra bidragydere fra hele verden.
Biblioteket har antal UI-widgets, værktøjer til at tage sig af animation, træk og slip, AJAX-opkald og lignende. I modsætning til andre populære biblioteker giver YUI dig faktisk mulighed for kun at vælge de funktioner, du vil bruge, hvilket holder din applikation let. Du kan finde mange eksempler og tutorials sammen med fremragende dokumentation, der hjælper dig.
Der er en række andre JavaScript-biblioteker, der ikke fandt en omtale ovenfor. Prototype, Scriptaculous, Mochikit, Qooxdoo, Open Rico for at nævne nogle få. Alle biblioteker bringer noget ekstra til bordet. Der har aldrig været, og der vil aldrig være nogen klar vinder. Den, du vælger, er den, du er mest komfortabel med, og den, der passer til behovene i det, du prøver at opbygge.