Mikä on Vanilla JavaScript?

Kun verkkosivustot alkoivat syntyä, ne olivat staattisia, ja se oli hieno tuolloin. Vanilla Javascriptin käyttöönoton myötä se muutti tapaa, jolla verkkosivustot alkoivat näyttää ja tuntea. Verkkosivustoista tuli vallankumouksellisia, interaktiivisia ja dynaamisia.

Vanilla JS on yksinkertainen JS, joten se on tekstipohjainen ohjelmointikieli sekä palvelin- että asiakaspuolella. Kehyksen loi Eric Wastl vuonna 2012, ja vaikka hän ei keksinyt termin, hänen verkkosivustonsa suositteli sitä. Lyhyesti sanottuna Vanilla Js on yksinkertaisesti Javascript ilman lisäkehyksiä tai kirjastoja.

Sitten syntyi jQuery, Javascriptilla tehtyjen työkalujen kirjasto. jQuery oli kevyt ja erittäin helppo käyttää, koska se auttoi luomaan monimutkaisia toimintoja minimaalisella koodauksella.

Löydät Vanilla JS: n Facebook, Google, YouTube, Yahoo, Wikipedia, Windows Live, Twitter, LinkedIn, eBay, Microsoft, Apple, Pinterest, PayPal, Reddit, Netflix, Stack Overflow ja useita muita suosittuja verkkosivustoja ja alustoja.

Siksi kaikki Javascript-kehykset ja kirjastot perustuvat sen Vanilla-ytimeen. Kaikki eri kehykset perustuvat usein yhteen tai toiseen Javascript-periaatteeseen. Usein kehittäjät käyttävät tavallista Javascriptia käyttämättä muita JS-kehyksiä tai kirjastoja.

Mielenkiintoista on, että Vanilla JS -kehys muistuttaa melkein vaniljajäätelöä, koska runko on muokkaamaton ja käytät perustuotetta sellaisenaan lisäämättä siihen mitään.

Ainoa mitä teet, on se, että käytät kehystä JS-tulkin alkeellisimpien API-toimintojen kanssa. Luonnollisesti kaikkien verkkosivustojen, jotka eivät käytä kehyksiä, on käytettävä automaattisesti VanillaJ: itä, ja vaikka ne eivät käytä kehyksiä, ne käyttävät tiettyjä VanillaJS: n ominaisuuksia ja algoritmeja. Kehys antaa sinulle myös täyden vapauden toteuttaa haluamasi arkkitehtuuri. Voit myös integroida tämän liiketoimintalogiikkaasi, DOM-manipulointilogiikkaan ja muihin yhdistettäviin työkaluihin.

Jokaisella kehittäjällä on oltava täydet tiedot puhtaasta Javascriptista ja jokaisella vuokraamallasi kehittäjällä on oltava tietoa Vanilla JS: stä, varsinkin jos hän työskentelee pääasiassa Javascript-ekosysteemissä.

Kuva: Vertaa

Tässä tarkastellaan Vanilla JS: ää muutamalla muulla kielellä

Vanilla JS Vs React: kun voit käyttää mitä

Vanilla JS auttaa sinua rakentamaan tehokkaita alustojen välisiä sovelluksia ja niin edelleen React, se on joustavuuden ja suorituskyvyn ansiosta yksi suosituimmista JS-kirjastoista. React voi hajottaa käyttöliittymän pienemmiksi, uudelleenkäytettäviksi komponenteiksi, joita voidaan siirtää toisiaan vastaan. Ja tämä ominaisuus toimii voittavana etuna VanillaJS: ään nähden. JS: lle on erittäin vaikeaa ylläpitää koodia, jos sovellus on suuri. Tällaisissa tapauksissa käyttöliittymä on päivitettävä säännöllisesti.

Eikä siinä vielä kaikki. UI-elementin vaihtamiseksi sinun on ensin löydettävä elementti DOM: sta ja vasta sitten päivitettävä se. Tämä voi olla työlästä, kun joudut muuttamaan vain yhtä elementtiä. Reactilla on virtuaalinen DOM, ja se auttaa ohittamaan manuaalisen tehtävän. Joten lyhyesti sanottuna Vanilla JS: n kanssa käyttöliittymän pitäminen synkronoituna voi olla vaikeaa ja huolellista.

Vanilla JS Vs jQuery

Kuten aiemmin selitettiin, Vanilla JS: n tullessa kehittäjät pystyivät luomaan dynaamisia verkkosivustoja. Kun jQuery tuli sisään, tuli myös joukko työkaluja, jotka käyttivät Javascriptiä. jQuery on kevyt ja helppokäyttöisellä JS-kirjastollaan helppo luoda monimutkaisia toimintoja muutamalla koodausrivillä. Se yksinkertaistaa kehittäjälle monia asioita, kuten JSON-tietojen käsittely palvelimelta, animaatioefektien, kuten piilota, näytä jne., Lisääminen, auttaa CSS-manipulointia, AJAX-pyyntöjen tekemistä ja muuta.

JQueryn avulla monet asiat voivat olla helpompia aloittelevalle kehittäjälle, mutta ei ole sääntöä sellaisenaan, jossa sanotaan, mihin Vanilla JS: ää ja mihin jQueryä käytetään. IQuery on kuitenkin valtava ajansäästäjä, koska siinä on useita valmiiksi kirjoitettuja toimintoja, joihin on tehtävä vain tarvittavat muutokset.

Ja jQuery vaatii vain vähemmän koodausta, mutta Javascriptille tarvitaan pitkä koodausrivi, ehkä jopa spagettikoodit. JS: lle ei tarvita lisälaajennuksia, mutta niiden ei tarvitse lisätä muita lisäosia. JQuerya varten kirjastokoodilinkki on sisällytettävä verkkosivun otsikkotunnisteeseen.

Jos tarkastelet usean selaimen yhteensopivuutta, selaimeen liittyviä virheitä todennäköisesti tapahtuu JS: n kanssa. Mutta jQueryn kanssa tämä ei ole ongelma, koska se toimii kaikenlaisten selainten kanssa; yhteensopivuusongelmia ei tule.

Itse asiassa Javascriptin ja jQueryn käytössä ei ole erityistä sääntöä. Mutta kehittäjät sanovat, että jQuery on parempi DOM-manipulointiin verrattuna Javascriptiin. Plussapiste Vanilla JS: n kanssa on kuitenkin paljon nopeampi kuin jQuery. Silti aloitteleville kehittäjille voi olla vaikeaa kirjoittaa monimutkaisia toimintoja Vanilla JS: n kanssa.

JS: n osalta kaikki koodaukset on tehtävä alusta alkaen, ja aloittelevat kehittäjät saattavat löytää sen vaikeaksi ja aikaa vieväksi. jQueryllä on toisaalta useita valmiiksi kirjoitettuja toimintoja, ja tarvittaessa tarvittavat muutokset voidaan säästää aikaa.

Kun vertaat näitä kahta, Vanilla JS on paljon nopeampi kuin jQuery, ja toiminnasta riippuen se voi olla jopa 10-25 kertaa nopeampi.

Vanilla JS Vs Kulma JS

Angular JS on Javascript MVC: n työkalu, kun taas Vanilla kuuluu Javascript UI -kirjastojen alaisuuteen. Jotkut kehittäjät sanovat, että Vanilla JS on ylivoimainen, kun otetaan huomioon alkuperäinen kuormitus ja suorituskyky, joten jos haluat kehittää sovelluksen, jossa suorituskykykerroin on ensisijainen, voit valita Vanilla JS: n.

Johtopäätös

Vanilla JS on loistava, ja voit jopa luoda dynaamisia verkkosivuja. Mutta kun etsit valtavaa ja monimutkaista sovellusta, jolla on monimutkaiset toiminnot ja jolla on tuhansia sivuja, on parempi käyttää nykyaikaisia Javascript-kehyksiä.

Joten jälleen kerran tekemäsi valinta riippuu vaatimuksesta. Jos aiot tulla käyttöliittymäksi tai täyden pinon verkkokehittäjäksi, on tärkeää, että tiedät Vanilla JS: stä. Kaikkien kehysten perusta on aina JS, kirjastot ja kehykset tulevat ja menevät, mutta JS on täällä pysyä.

Vanilla JS: n taito helpottaa aina siirtymistä jQueryyn, vaikka kytkin ei välttämättä ole kovin sujuva.

Mielenkiintoisia linkkejä:

Lisätietoja Vanilla JS: stä

Miksi Vanilla JS?

Kuvat: Canva


Kirjoittaja: Sascha Thattil työskentelee Software-Developer-India.com -sivustolla, joka on osa YUHIRO-ryhmää. YUHIRO on intialainen saksalainen yritys, joka tarjoaa ohjelmoijia IT-yrityksille, virastoille ja IT-osastoille.

Vastaa

This site uses Akismet to reduce spam. Learn how your comment data is processed.