{"id":19392,"date":"2021-07-05T18:34:43","date_gmt":"2021-07-05T16:34:43","guid":{"rendered":"https:\/\/www.software-developer-india.com\/mika-on-vanilla-javascript\/"},"modified":"2021-07-05T18:34:46","modified_gmt":"2021-07-05T16:34:46","slug":"mika-on-vanilla-javascript","status":"publish","type":"post","link":"https:\/\/www.software-developer-india.com\/fi\/mika-on-vanilla-javascript\/","title":{"rendered":"Mik\u00e4 on Vanilla JavaScript?"},"content":{"rendered":"\n

Mik\u00e4 on Vanilla JavaScript?<\/h2>\n\n
\"\"<\/a><\/figure><\/div>\n\n

Kun verkkosivustot alkoivat synty\u00e4, ne olivat staattisia, ja se oli hieno tuolloin. Vanilla Javascriptin k\u00e4ytt\u00f6\u00f6noton my\u00f6t\u00e4 se muutti tapaa, jolla verkkosivustot alkoivat n\u00e4ytt\u00e4\u00e4 ja tuntea. Verkkosivustoista tuli vallankumouksellisia, interaktiivisia ja dynaamisia. <\/p>\n\n

Vanilla JS on yksinkertainen JS, joten se on tekstipohjainen ohjelmointikieli sek\u00e4 palvelin- ett\u00e4 asiakaspuolella. Kehyksen loi Eric Wastl vuonna 2012, ja vaikka h\u00e4n ei keksinyt termin, h\u00e4nen verkkosivustonsa suositteli sit\u00e4. Lyhyesti sanottuna Vanilla Js on yksinkertaisesti Javascript ilman lis\u00e4kehyksi\u00e4 tai kirjastoja. <\/p>\n\n

Sitten syntyi jQuery, Javascriptilla tehtyjen ty\u00f6kalujen kirjasto. jQuery oli kevyt ja eritt\u00e4in helppo k\u00e4ytt\u00e4\u00e4, koska se auttoi luomaan monimutkaisia toimintoja minimaalisella koodauksella.<\/p>\n\n

L\u00f6yd\u00e4t Vanilla JS: n Facebook, Google, YouTube, Yahoo, Wikipedia, Windows Live, Twitter, LinkedIn, eBay, Microsoft, Apple, Pinterest, PayPal, Reddit, Netflix, Stack Overflow<\/strong> ja useita muita suosittuja verkkosivustoja ja alustoja. <\/p>\n\n

Siksi kaikki Javascript-kehykset ja kirjastot perustuvat sen Vanilla-ytimeen. Kaikki eri kehykset perustuvat usein yhteen tai toiseen Javascript-periaatteeseen. Usein kehitt\u00e4j\u00e4t k\u00e4ytt\u00e4v\u00e4t tavallista Javascriptia k\u00e4ytt\u00e4m\u00e4tt\u00e4 muita JS-kehyksi\u00e4 tai kirjastoja.<\/p>\n\n

Mielenkiintoista on, ett\u00e4 Vanilla JS -kehys muistuttaa melkein vaniljaj\u00e4\u00e4tel\u00f6\u00e4, koska runko on muokkaamaton ja k\u00e4yt\u00e4t perustuotetta sellaisenaan lis\u00e4\u00e4m\u00e4tt\u00e4 siihen mit\u00e4\u00e4n. <\/p>\n\n

Ainoa mit\u00e4 teet, on se, ett\u00e4 k\u00e4yt\u00e4t kehyst\u00e4 JS-tulkin alkeellisimpien API-toimintojen kanssa. Luonnollisesti kaikkien verkkosivustojen, jotka eiv\u00e4t k\u00e4yt\u00e4 kehyksi\u00e4, on k\u00e4ytett\u00e4v\u00e4 automaattisesti VanillaJ: it\u00e4, ja vaikka ne eiv\u00e4t k\u00e4yt\u00e4 kehyksi\u00e4, ne k\u00e4ytt\u00e4v\u00e4t tiettyj\u00e4 VanillaJS: n ominaisuuksia ja algoritmeja. Kehys antaa sinulle my\u00f6s t\u00e4yden vapauden toteuttaa haluamasi arkkitehtuuri. Voit my\u00f6s integroida t\u00e4m\u00e4n liiketoimintalogiikkaasi, DOM-manipulointilogiikkaan ja muihin yhdistett\u00e4viin ty\u00f6kaluihin. <\/p>\n\n

Jokaisella kehitt\u00e4j\u00e4ll\u00e4 on oltava t\u00e4ydet tiedot puhtaasta Javascriptista ja jokaisella vuokraamallasi kehitt\u00e4j\u00e4ll\u00e4 on oltava tietoa Vanilla JS: st\u00e4, varsinkin jos h\u00e4n ty\u00f6skentelee p\u00e4\u00e4asiassa Javascript-ekosysteemiss\u00e4.<\/p>\n\n

Kuva: Vertaa<\/p>\n\n

T\u00e4ss\u00e4 tarkastellaan Vanilla JS: \u00e4\u00e4 muutamalla muulla kielell\u00e4 <\/strong><\/h3>\n\n

Vanilla JS Vs React: kun voit k\u00e4ytt\u00e4\u00e4 mit\u00e4<\/strong><\/p>\n\n

Vanilla JS auttaa sinua rakentamaan tehokkaita alustojen v\u00e4lisi\u00e4 sovelluksia ja niin edelleen React, se on joustavuuden ja suorituskyvyn ansiosta yksi suosituimmista JS-kirjastoista. React voi hajottaa k\u00e4ytt\u00f6liittym\u00e4n pienemmiksi, uudelleenk\u00e4ytett\u00e4viksi komponenteiksi, joita voidaan siirt\u00e4\u00e4 toisiaan vastaan. Ja t\u00e4m\u00e4 ominaisuus toimii voittavana etuna VanillaJS: \u00e4\u00e4n n\u00e4hden. JS: lle on eritt\u00e4in vaikeaa yll\u00e4pit\u00e4\u00e4 koodia, jos sovellus on suuri. T\u00e4llaisissa tapauksissa k\u00e4ytt\u00f6liittym\u00e4 on p\u00e4ivitett\u00e4v\u00e4 s\u00e4\u00e4nn\u00f6llisesti. <\/p>\n\n

Eik\u00e4 siin\u00e4 viel\u00e4 kaikki. UI-elementin vaihtamiseksi sinun on ensin l\u00f6ydett\u00e4v\u00e4 elementti DOM: sta ja vasta sitten p\u00e4ivitett\u00e4v\u00e4 se. T\u00e4m\u00e4 voi olla ty\u00f6l\u00e4st\u00e4, kun joudut muuttamaan vain yht\u00e4 elementti\u00e4. Reactilla on virtuaalinen DOM, ja se auttaa ohittamaan manuaalisen teht\u00e4v\u00e4n. Joten lyhyesti sanottuna Vanilla JS: n kanssa k\u00e4ytt\u00f6liittym\u00e4n pit\u00e4minen synkronoituna voi olla vaikeaa ja huolellista. <\/p>\n\n

Vanilla JS Vs jQuery<\/strong><\/h3>\n\n

Kuten aiemmin selitettiin, Vanilla JS: n tullessa kehitt\u00e4j\u00e4t pystyiv\u00e4t luomaan dynaamisia verkkosivustoja. Kun jQuery tuli sis\u00e4\u00e4n, tuli my\u00f6s joukko ty\u00f6kaluja, jotka k\u00e4yttiv\u00e4t Javascripti\u00e4. jQuery on kevyt ja helppok\u00e4ytt\u00f6isell\u00e4 JS-kirjastollaan helppo luoda monimutkaisia toimintoja muutamalla koodausrivill\u00e4. Se yksinkertaistaa kehitt\u00e4j\u00e4lle monia asioita, kuten JSON-tietojen k\u00e4sittely palvelimelta, animaatioefektien, kuten piilota, n\u00e4yt\u00e4 jne., Lis\u00e4\u00e4minen, auttaa CSS-manipulointia, AJAX-pyynt\u00f6jen tekemist\u00e4 ja muuta. <\/p>\n\n

JQueryn avulla monet asiat voivat olla helpompia aloittelevalle kehitt\u00e4j\u00e4lle, mutta ei ole s\u00e4\u00e4nt\u00f6\u00e4 sellaisenaan, jossa sanotaan, mihin Vanilla JS: \u00e4\u00e4 ja mihin jQuery\u00e4 k\u00e4ytet\u00e4\u00e4n. IQuery on kuitenkin valtava ajans\u00e4\u00e4st\u00e4j\u00e4, koska siin\u00e4 on useita valmiiksi kirjoitettuja toimintoja, joihin on teht\u00e4v\u00e4 vain tarvittavat muutokset.<\/p>\n\n

Ja jQuery vaatii vain v\u00e4hemm\u00e4n koodausta, mutta Javascriptille tarvitaan pitk\u00e4 koodausrivi, ehk\u00e4 jopa spagettikoodit. JS: lle ei tarvita lis\u00e4laajennuksia, mutta niiden ei tarvitse lis\u00e4t\u00e4 muita lis\u00e4osia. JQuerya varten kirjastokoodilinkki on sis\u00e4llytett\u00e4v\u00e4 verkkosivun otsikkotunnisteeseen. <\/p>\n\n

Jos tarkastelet usean selaimen yhteensopivuutta, selaimeen liittyvi\u00e4 virheit\u00e4 todenn\u00e4k\u00f6isesti tapahtuu JS: n kanssa. Mutta jQueryn kanssa t\u00e4m\u00e4 ei ole ongelma, koska se toimii kaikenlaisten selainten kanssa; yhteensopivuusongelmia ei tule. <\/p>\n\n

Itse asiassa Javascriptin ja jQueryn k\u00e4yt\u00f6ss\u00e4 ei ole erityist\u00e4 s\u00e4\u00e4nt\u00f6\u00e4. Mutta kehitt\u00e4j\u00e4t sanovat, ett\u00e4 jQuery on parempi DOM-manipulointiin verrattuna Javascriptiin. Plussapiste Vanilla JS: n kanssa on kuitenkin paljon nopeampi kuin jQuery. Silti aloitteleville kehitt\u00e4jille voi olla vaikeaa kirjoittaa monimutkaisia toimintoja Vanilla JS: n kanssa. <\/p>\n\n

JS: n osalta kaikki koodaukset on teht\u00e4v\u00e4 alusta alkaen, ja aloittelevat kehitt\u00e4j\u00e4t saattavat l\u00f6yt\u00e4\u00e4 sen vaikeaksi ja aikaa viev\u00e4ksi. jQueryll\u00e4 on toisaalta useita valmiiksi kirjoitettuja toimintoja, ja tarvittaessa tarvittavat muutokset voidaan s\u00e4\u00e4st\u00e4\u00e4 aikaa. <\/p>\n\n

Kun vertaat n\u00e4it\u00e4 kahta, Vanilla JS on paljon nopeampi kuin jQuery, ja toiminnasta riippuen se voi olla jopa 10-25 kertaa nopeampi. <\/p>\n\n

Vanilla JS Vs Kulma JS<\/strong><\/h3>\n\n

Angular JS on Javascript MVC: n ty\u00f6kalu, kun taas Vanilla kuuluu Javascript UI -kirjastojen alaisuuteen. Jotkut kehitt\u00e4j\u00e4t sanovat, ett\u00e4 Vanilla JS on ylivoimainen, kun otetaan huomioon alkuper\u00e4inen kuormitus ja suorituskyky, joten jos haluat kehitt\u00e4\u00e4 sovelluksen, jossa suorituskykykerroin on ensisijainen, voit valita Vanilla JS: n. <\/p>\n\n

Johtop\u00e4\u00e4t\u00f6s<\/strong><\/h3>\n\n

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\u00e4ytt\u00e4\u00e4 nykyaikaisia Javascript-kehyksi\u00e4. <\/p>\n\n

Joten j\u00e4lleen kerran tekem\u00e4si valinta riippuu vaatimuksesta. Jos aiot tulla k\u00e4ytt\u00f6liittym\u00e4ksi tai t\u00e4yden pinon verkkokehitt\u00e4j\u00e4ksi, on t\u00e4rke\u00e4\u00e4, ett\u00e4 tied\u00e4t Vanilla JS: st\u00e4. Kaikkien kehysten perusta on aina JS, kirjastot ja kehykset tulevat ja menev\u00e4t, mutta JS on t\u00e4\u00e4ll\u00e4 pysy\u00e4. <\/p>\n\n

Vanilla JS: n taito helpottaa aina siirtymist\u00e4 jQueryyn, vaikka kytkin ei v\u00e4ltt\u00e4m\u00e4tt\u00e4 ole kovin sujuva. <\/p>\n\n

Mielenkiintoisia linkkej\u00e4:<\/p>\n\n

Lis\u00e4tietoja Vanilla JS: st\u00e4<\/a><\/p>\n\n

Miksi Vanilla JS?<\/a><\/p>\n\n

Kuvat: Canva<\/p>\n\n

\n\n
\"\"<\/figure><\/div>\n\n

Kirjoittaja: Sascha Thattil ty\u00f6skentelee Software-Developer-India.com -sivustolla, joka on osa YUHIRO-ryhm\u00e4\u00e4. YUHIRO on intialainen saksalainen yritys, joka tarjoaa ohjelmoijia IT-yrityksille, virastoille ja IT-osastoille.<\/p>\n