At lave et godt websted kræver en masse færdigheder, men du behøver ikke altid at udvikle alt helt fra bunden. For at bruge et hvilket som helst af JavaScript-bibliotekerne, der er præsenteret i denne artikel, skal du mindst have nogle eksisterende JavaScript-færdigheder, men du behøver heller ikke nødvendigvis at være ekspert.
Hvad du behøver at være ekspert med er at finde ud af, hvordan du blander bibliotekerne ind på et websted for at få mest muligt ud af dem. Dette er ikke rigtig noget, der kan undervises. Det er en færdighed, du kun kan lære ved at gøre. Når du først har mestret koncepterne, er der dog ingen grænser for din kreativitet og hvad du kan opnå med det.
Her er samlet en liste over de mest nyttige JavaScript-biblioteker, der er tilgængelige for programmerere til forbedring af websteder. Du kan muligvis ikke se din favorit her, men det betyder ikke, at det ikke anbefales. Faktisk kan ethvert JavaScript-bibliotek, der hjælper dig med at opnå noget, der er værd, ikke afskediges. Men med bogstaveligt talt millioner af biblioteker at vælge imellem, er vi nødt til at trække linjen et eller andet sted.
1. jQuery
Det er bedst at starte med det åbenlyse. Du bruger næsten helt sikkert allerede dette bibliotek på en eller anden måde, selvom du ikke allerede ved det. Grundlæggende lader jQuery dig gøre dynamiske ting til statiske websider lettere end andre metoder, og kræver ikke programmering på serversiden for at opnå resultaterne. Dette betyder også, at opdateringer kan ske hurtigere end med alternativer på serversiden. Mange andre biblioteker inkluderer jQuery som en afhængighed, så du bliver sandsynligvis nødt til at indarbejde det på dine sider, selvom du ikke direkte får adgang til dens funktioner.
2. prototype
Dette kan på en måde betragtes som en konkurrent til jQuery. Det er ikke nødvendigvis ringere, men det er meget mindre udbredt vedtaget. Brug af prototype og jQuery sammen kan føre til konflikter, medmindre du tager særlige skridt til at tackle dette problem. Dette er grunden til, at du skal kende afhængigheden inden for de andre JavaScript-biblioteker, du bruger.
3. Modernisere
Dette bibliotek hjælper med at overvinde problemer med gengivelse af sider på ældre browsere, der ikke fuldt ud understøtter HTML5. Mens sådanne browsere bliver mere sjældent stødt, er de stadig en del af landskabet, og hvis Modernizr kan hjælpe dig med at tackle problemet på en effektiv måde.
4. Bootstrap
På bare seks korte år har Bootstrap opnået en enorm spredning i hele verden af webudvikling. Det drejer sig udelukkende om UI-layout og komponentintegration, men det gør dette meget godt. Du skal dog ændre standardindstillingerne for næsten alt, fordi de er baseret på Twitter's farveskema, som ikke er det mest brugervenlige af brugergrænseflader.
5. PDF.js
Du ved måske, at PDF'en format er underlagt visse sårbarheder. For at omgå dette problem blev PDF.js oprettet til at gengive PDF-indhold i HTML5-lærredet. Det betyder naturligvis også, at det kun virker i en browser, der understøtter HTML5 og Canvas.
6. JS-diagrammer
Et fremragende bibliotek, der leverer en enkel, men alligevel kraftig grafgenerator, så du kan oprette alle slags professionelle diagrammer til dit websted uden at investere for meget tid og kræfter. Den gratis version er lige så kraftig i forhold til den betalte version, men inkluderer et vandmærke. Ved at købe en licens fjernes dette vandmærke.
7. Chart.js
Dette er et rigtig godt, helt gratis, umærket alternativ til JS Charts. Det er let at bruge, veldokumenteret og kan tilpasses på uendelige måder. Brug af det kræver lidt mere JavaScript-evner end JS-diagrammer.
8. D3.js
Dette er en større bror til de to foregående eksempler, som er beregnet til let brug. Hvis du knaster data i de store ligaer, tilbyder D3 dig imidlertid de avancerede funktioner, der kan føre din online-præsentation til det næste niveau. Enhver form for data kan visualiseres og udtrykkes på et svimlende antal måder. Bare se eksemplerne på D3-webstedet for at se, hvad du har gået glip af.
9. bHive
En fantastisk grafikramme, der er som revolutionær til HTML5 Canvas, som Raphaël var til HTML4. bHive giver dig mulighed for hurtigt at skabe SVG-grafik, animationer og endda at inkorporere interaktivitet, som kan bruges på mange forskellige måder, såsom simple spil og uddannelsesapplikationer.
10. Ugle karrusel
Selvom overforbrug af karruseller ikke skal tilskyndes, til de tidspunkter, hvor du virkelig har brug for at bruge en, er Owl et af de mest anbefalede karrusel-plug-ins, der nogensinde er skabt til jQuery. Den er kompatibel med både touchskærme og pegeredskaber. Det understøtter swipe og træk-n-slip. Det er fuldt tilpasseligt og er det responsive som standard.
11. Dato.js
Nogle gange har du brug for at kunne udtrykke date iformation på forskellige måder for at give et websted kontekst. Funktionerne i Date.js giver dig mulighed for at gøre netop denne ting ved at bruge en meget ligetil syntaks, der ikke kunne være nemmere at lære.
13. Moment.js
Endnu en date formatting- og bearbejdningsbibliotek. Det er lidt mere komplekst end Date.js, men det giver dig mulighed for nemt at udføre visse specifikke beregninger (isAfter, isBefore, isSameOrAfter, isSameOrBefore, isBetween, isLeapYear, isDate, og så videre). Når du ikke har brug for alle de omkostninger, der følger med disse ekstra funktioner, skal du bruge Date.js i stedet.
13. dateDropper
Når du har brug for at vise en kalender / datepicker-kontrol på dit websted, er dateDropper den mest elegante og enkle løsning, vi nogensinde har set (og vi har set meget). Det er også mere kompatibelt med mobile interface end mange af de andre løsninger derude.
13. Numeral.js
Gør for numre, hvad Date.js gør for datoer.
14. wFormer
WForms er et simpelt, men nyttigt bibliotek vedligeholdt af i Google Code-arkivet og gør det nemt at arbejde med almindelige opgaver relateret til brugerinputformularer. Disse inkluderer inputvalidering, værktøjstip og andre nyttige funktioner.
15. sorteringstabel
Sorterbare tabeller har eksisteret næsten så længe som tabeller har (datatabeller, alligevel). Men med dette hånd-JavaScript-bibliotek kan du nemt lave en hvilken som helst tabel sorterbar bare ved at tilføje en klasse til tabellen, når du opretter den, som er så enkel som:
header image med tilladelse fra Rogie
Kommentarer 0 Responses