Hva er Vanilla JavaScript?

Da nettsteder først ble til, var de statiske, og det var greit den gangen. Og med introduksjonen av Vanilla Javascript endret det måten nettsteder begynte å se ut og føles på. Nettsteder ble revolusjonerende, interaktive og dynamiske.

Vanilla JS er bare vanlig JS, så det er et tekstbasert programmeringsspråk både på serversiden og klientsiden. Rammeverket ble opprettet i 2012 av Eric Wastl, og selv om det ikke var han som laget ordet, populariserte nettstedet hans det. Så kort sagt, Vanilla Js er ganske enkelt Javascript uten ytterligere rammeverk eller biblioteker.

Så kom jQuery, et bibliotek med verktøy laget med Javascript, til. jQuery var lett og veldig enkel å bruke, da det bidro til å skape komplekse funksjoner med minimal koding.

Du finner Vanilla JS i Facebook, Google, YouTube, Yahoo, Wikipedia, Windows Live, Twitter, LinkedIn, eBay, Microsoft, Apple, Pinterest, PayPal, Reddit, Netflix, Stack Overflow og en rekke andre populære nettsteder og plattformer.

Dermed er alle Javascript-rammer og biblioteker basert på dens vaniljekjerne. Alle de forskjellige rammene er ofte basert på det ene settet med Javascript-prinsippet eller det andre. Ofte bruker utviklere vanlig Javascript uten å bruke ekstra JS-rammer eller biblioteker.

Interessant, Vanilla JS-rammeverk minner oss nesten om vaniljeis, fordi rammeverket er umodifisert, og du bruker grunnproduktet som det er, uten å legge noe til det.

Alt du gjør er å bruke rammeverket med de mest grunnleggende API-funksjonene til JS-tolk. Naturligvis vil ethvert nettsted som ikke bruker et rammeverk, måtte bruke VanillaJs automatisk, og selv om de ikke bruker et rammeverk, bruker de visse funksjoner og algoritmer til VanillaJS. Rammeverket gir deg også full frihet til å implementere hvilken arkitektur du vil. Du kan også integrere dette med din forretningslogikk, DOM-manipuleringslogikk og andre verktøy du vil koble til.

Hver utvikler skal ha full kunnskap om ren Javascript, og enhver utvikler du ansetter, bør ha kunnskap om Vanilla JS, spesielt hvis han hovedsakelig jobber i Javascript-økosystemet.

Bilde: Sammenlign

Her ser du på Vanilla JS med et par andre språk

Vanilla JS Vs React: når du kan bruke hva

Vanilla JS hjelper deg med å bygge kraftige applikasjoner på tvers av plattformer og så videre React, det er et av de mest populære JS-bibliotekene, takket være dets fleksibilitet og ytelseskvalitet. React kan bryte ned brukergrensesnittet i mindre, gjenbrukbare komponenter som kan flyttes mot hverandre. Og det er denne funksjonen som fungerer som en vinnerkant i forhold til VanillaJS. For JS blir det veldig vanskelig å opprettholde koden hvis applikasjonen er stor. I slike tilfeller må brukergrensesnittet oppdateres regelmessig.

Og det er ikke alt. For å endre UI-elementet, må du først finne elementet i DOM, og først deretter oppdatere det. Dette kan være kjedelig når du bare må endre et enkelt element. React har en virtuell DOM, og hjelper med å omgå den manuelle oppgaven. Så kort fortalt, med Vanilla JS, kan det være vanskelig og møysommelig å holde brukergrensesnittet synkronisert.

Vanilje JS Vs jQuery

Som forklart tidligere, med utviklingen av Vanilla JS, kunne utviklere lage dynamiske nettsteder. Da jQuery kom inn, kom det også en rekke verktøy ved hjelp av Javascript. jQuery er lett og med sitt brukervennlige JS-bibliotek er det enkelt å lage komplekse funksjoner med få kodelinjer. Det forenkler mange ting for utvikleren som å håndtere JSON-data fra serveren, legge til animasjonseffekter som skjul, vis osv., Hjelper til med CSS-manipulering, komme med AJAX-forespørsler og mer.

Med jQuery kan mange ting være lettere for nybegynnerutvikleren, men det er ingen regel som sådan som sier hvor du skal bruke Vanilla JS og hvor du skal bruke jQuery. Imidlertid er iQuery en enorm tidsbesparelse fordi den kommer med flere forhåndsskrevne funksjoner som bare nødvendige endringer må gjøres for.

Og jQuery krever bare mindre koding, men for Javascript kreves det en lang linje med koding, kanskje til og med spaghettikoder. For JS er det ikke behov for flere plugins, men de trenger ikke å legge til flere plugins også. For jQuery må skriptkoblingen til biblioteket være inkludert i hodetiketten på websiden.

Hvis du ser på kompatibilitet med flere nettlesere, vil sannsynligvis nettleserrelaterte feil skje med JS. Men med jQuery er dette ikke et problem, fordi det fungerer med alle slags nettlesere; det vil ikke være noen kompatibilitetsproblemer.

Egentlig er det ingen spesiell regel i bruk av Javascript og jQuery. Men utviklere sier at jQuery er bedre for DOM-manipulasjon, sammenlignet med Javascript. Imidlertid er pluss poenget med Vanilla JS mye raskere enn jQuery. Allikevel kan nybegynnerutviklere synes det er vanskelig å skrive komplekse funksjoner med Vanilla JS.

For JS må all koding gjøres fra bunnen av, og nybegynnere kan finne det vanskelig og tidkrevende. jQuery har derimot flere forhåndsskrevne funksjoner, og når nødvendige modifikasjoner skal gjøres, kan det definitivt være tidsbesparende.

Når du sammenligner de to, er Vanilla JS mye raskere enn jQuery, og avhengig av operasjonen, kan den til og med være 10 til 25 ganger raskere.

Vanilla JS Vs Angular JS

Angular JS er et verktøy i Javascript MVC, mens Vanilla kommer inn under Javascript UI Libraries. Noen utviklere sier at Vanilla JS er overlegen når du vurderer den opprinnelige belastningen og ytelsen, så hvis du ønsker å utvikle en app med ytelsesfaktoren som prioritet, kan du velge Vanilla JS.

Konklusjon

Vanilla JS er flott, og lar deg til og med lage dynamiske websider. Men når du leter etter et stort og komplisert program med komplekse funksjoner, og har tusenvis av sider, er det bedre å gå etter moderne Javascript-rammer.

Så igjen, vil valget du tar være avhengig av kravet. Hvis du har tenkt å bli en frontend eller en full stack webutvikler, er det viktig at du vet om Vanilla JS. Grunnlaget for alle rammer vil alltid være JS, biblioteker og rammer vil komme og gå, men JS er kommet for å bli.

Ferdighet med Vanilla JS vil alltid gjøre det lettere å bytte til jQuery, selv om bryteren kanskje ikke er veldig jevn.

Interessante lenker:

Mer informasjon om Vanilla JS

Hvorfor Vanilla JS?

Bilder: Canva


Forfatteren: Sascha Thattil jobber på Software-Developer-India.com som er en del av YUHIRO Group. YUHIRO er en tysk-indisk bedrift som tilbyr programmerere til IT-selskaper, byråer og IT-avdelinger.

Legg igjen en kommentar

Dette nettstedet bruker Akismet for å redusere spam. Lær om hvordan dine kommentar-data prosesseres.