Hvad er Vanilla JavaScript?
Da websteder først blev til, var de statiske, og det var i orden på det tidspunkt. Og med introduktionen af Vanilla Javascript ændrede det den måde, webstederne begyndte at se ud og føle på. Hjemmesider blev revolutionerende, interaktive og dynamiske.
Vanilla JS er bare JS, så det er et tekstbaseret programmeringssprog både på serversiden og klientsiden. Rammen blev oprettet i 2012 af Eric Wastl, og selvom det ikke var han, der skabte udtrykket, populariserede hans hjemmeside det. Så kort sagt er Vanilla Js simpelthen Javascript uden yderligere rammer eller biblioteker.
Derefter opstod jQuery, et bibliotek med værktøjer lavet med Javascript. jQuery var let og meget let at bruge, da det hjalp med at skabe komplekse funktioner med minimal kodning.
Du kan finde Vanilla JS i Facebook, Google, YouTube, Yahoo, Wikipedia, Windows Live, Twitter, LinkedIn, eBay, Microsoft, Apple, Pinterest, PayPal, Reddit, Netflix, Stack Overflow og en række andre populære websteder og platforme.
Således er alle Javascript-rammer og biblioteker baseret på dens Vanilla-kerne. Alle de forskellige rammer er ofte baseret på det ene sæt Javascript-princip eller det andet. Ofte bruger udviklere almindeligt Javascript uden at bruge yderligere JS-rammer eller biblioteker.
Interessant er, at Vanilla JS framework næsten minder os om vanilleis, fordi rammen er umodificeret, og du bruger det grundlæggende produkt, som det er, uden at tilføje noget til det.
Alt hvad du laver er, at du bruger rammen med de mest basale API-funktioner i JS-tolk. Naturligvis er ethvert websted, der ikke bruger en ramme, nødt til automatisk at bruge VanillaJ’er, og selvom de ikke bruger en ramme, bruger de visse funktioner og algoritmer i VanillaJS. Rammen giver dig også fuld frihed til at implementere den arkitektur, du vil. Du kan også integrere dette med din forretningslogik, DOM-manipulationslogik og andre værktøjer, du vil oprette forbindelse til.
Hver udvikler skal have fuldt kendskab til rent Javascript, og enhver udvikler, du ansætter, skal have kendskab til Vanilla JS, især hvis han hovedsageligt arbejder i Javascript-økosystemet.
Picture: Compare
Her ser du på Vanilla JS med et par andre sprog
Vanilla JS Vs React: når du kan bruge hvad
Vanilla JS hjælper dig med at opbygge kraftfulde applikationer på tværs af platforme og så videre React, det er et af de mest populære JS-biblioteker takket være dets fleksibilitet og ydelseskvalitet. React kan nedbryde brugergrænsefladen i mindre, genanvendelige komponenter, der kan flyttes mod hinanden. Og det er denne funktion, der fungerer som en vindende fordel i forhold til VanillaJS. For JS bliver det meget vanskeligt at vedligeholde koden, hvis applikationen er stor. I sådanne tilfælde skal brugergrænsefladen opdateres regelmæssigt.
Og det er ikke alt. For at ændre UI-elementet skal du først finde elementet i DOM og først derefter opdatere det. Dette kan være kedeligt, når du kun skal ændre et enkelt element. React har en virtuel DOM og hjælper med at omgå den manuelle opgave. Så kort sagt, med Vanilla JS kan det være svært og omhyggeligt at holde brugergrænsefladen synkroniseret.
Vanille JS Vs jQuery
Som forklaret tidligere med udviklingen af Vanilla JS var udviklere i stand til at oprette dynamiske websteder. Da jQuery kom ind, kom der også et antal værktøjer ved hjælp af Javascript. jQuery er let og med sit brugervenlige JS-bibliotek er det let at skabe komplekse funktioner med få kodelinjer. Det forenkler mange ting for udvikleren som at håndtere JSON-data fra serveren, tilføje animationseffekter som skjul, vis osv., Hjælper med CSS-manipulation, fremsætter AJAX-anmodninger og mere.
Med jQuery kan mange ting være lettere for nybegynderudvikleren, men der er ingen regel som sådan, der siger, hvor Vanilla JS skal bruges, og hvor jQuery skal bruges. Imidlertid er iQuery en enorm tidsbesparelse, fordi den kommer med flere foruddefinerede funktioner, for hvilke der kun skal foretages nødvendige ændringer.
Og jQuery kræver bare mindre kodning, men for Javascript kræves en lang række kodning, måske endda spaghettikoder. For JS er der ikke behov for yderligere plugins, men de behøver heller ikke tilføje yderligere plugins. For jQuery skal linket til biblioteksscript være inkluderet inde i websitetens hovedtag.
Hvis du ser på kompatibilitet med flere browsere, vil der sandsynligvis ske browserrelaterede fejl med JS. Men med jQuery er dette ikke et problem, fordi det fungerer med alle slags browsere; der er ingen problemer med kompatibilitet.
Faktisk er der ingen særlig regel i brugen af Javascript og jQuery. Men udviklere siger, at jQuery er bedre til DOM-manipulation sammenlignet med Javascript. Imidlertid er pluspunktet med Vanilla JS meget hurtigere end jQuery. Alligevel kan nybegynderudviklere have svært ved at skrive komplekse funktioner med Vanilla JS.
For JS skal al kodning gøres fra bunden, og nybegynderudviklere kan finde det svært og tidskrævende. jQuery på den anden side har flere foruddefinerede funktioner, og når der skal foretages ændringer, kan det absolut være tidsbesparende.
Når du sammenligner de to, er Vanilla JS langt hurtigere end jQuery, og afhængigt af operationen kan den endda være 10 til 25 gange hurtigere.
Vanille JS Vs Kantet JS
Angular JS er et værktøj i Javascript MVC, mens Vanilla kommer under Javascript UI Libraries. Nogle udviklere siger, at Vanilla JS er overlegen, når du overvejer den indledende belastning og ydeevne, så hvis du ønsker at udvikle en app med performance-faktor som prioritet, kan du vælge Vanilla JS.
Konklusion
Vanilla JS er fantastisk og lader dig endda oprette dynamiske websider. Men når du leder efter en enorm og kompliceret applikation med komplekse funktionaliteter og har tusindvis af sider, er det bedre at gå efter moderne Javascript-rammer.
Så endnu en gang vil det valg, du træffer, afhænge af kravet. Hvis du har til hensigt at blive en frontend eller en full stack webudvikler, er det vigtigt at du kender til Vanilla JS. Basen for alle rammer vil altid være JS, biblioteker og rammer vil komme og gå, men JS er kommet for at blive.
Færdighed med Vanilla JS vil altid gøre det lettere at skifte til jQuery, selvom kontakten muligvis ikke er meget glat.
Interessante links:
Flere oplysninger om Vanilla JS
Billeder: Canva
Forfatteren: Sascha Thattil arbejder på Software-Developer-India.com, som er en del af YUHIRO Group. YUHIRO er en tysk-indisk virksomhed, der leverer programmører til IT-virksomheder, agenturer og IT-afdelinger.
Skriv et svar