Kuulemme usein termej\u00e4, kuten JavaScript-kirjasto tai JavaScript Framework, mutta monet alan uudet ihmiset eiv\u00e4t tied\u00e4 eroa JS-kirjastojen ja JS-kehysten v\u00e4lill\u00e4. Monet online-paikat ovat yritt\u00e4neet l\u00f6yt\u00e4\u00e4 vastauksia t\u00e4h\u00e4n usein kysyttyyn kysymykseen.<\/p>\n Hyv\u00e4 vastaus sanoo, ett\u00e4 JS-kirjasto on valmiiksi kirjoitettujen JavaScript-koodien kirjasto, joka on suunniteltu helpottamaan JS-pohjaisten sovellusten kehityst\u00e4. My\u00f6hemmin JavaScript-kirjasto voi sis\u00e4lt\u00e4\u00e4 useita menetelmi\u00e4, objekteja tai toimintoja, jotka riippuvat kielest\u00e4.<\/p>\n Sovelluksesi, p\u00e4\u00e4koodi, voi kutsua JS-kirjastoa sallimaan p\u00e4\u00e4syn toimintoihin.<\/p>\n JavaScript-kehys on JavaScript-kokoelma kirjastoja, jotka kutsuvat ja k\u00e4ytt\u00e4v\u00e4t p\u00e4\u00e4koodia tietyll\u00e4 tavalla. Kehys m\u00e4\u00e4rittelee koko sovelluksen suunnittelun, joka omistaa sovelluksesi hallinnan ja tarjoaa takaisinsoittoja ja koukkuja, joiden varaan voit rakentaa.<\/p>\n JavaScript-kirjasto on koodinp\u00e4tk\u00e4, jota voidaan k\u00e4ytt\u00e4\u00e4 uudelleen tiettyjen toimintojen tarjoamiseen. Se eroaa viitekehyksest\u00e4 ohjauskulussaan: kirjasto tarjoaa funktioita, luokkia ja objekteja, joita kutsutaan sen emokoodilla eli joita k\u00e4ytet\u00e4\u00e4n sovelluksessasi.<\/p>\n Kirjasto poimii tai valitsee eri tasoja, mik\u00e4 tarkoittaa, ett\u00e4 sinun ei tarvitse huolehtia toteutuksen yksityiskohdista. Kutsu kirjastossa oleva funktio ja anna sille useita parametreja. JavaScript-kirjasto suorittaa sen ja palauttaa ohjauksen sinulle.<\/p>\n JavaScript-kirjastot eiv\u00e4t aseta rakenteellisia rajoituksia kirjaston k\u00e4yt\u00f6n rajoittamiseksi.<\/p>\n Tutustu t\u00e4h\u00e4n suosittuun JavaScript-kirjastojen kokoelmaan:<\/p>\n Instagramin ja Facebookin kehitt\u00e4j\u00e4t ovat kehitt\u00e4neet Reactin, monipuolisen JavaScript-kirjaston, jonka kehitt\u00e4j\u00e4t ovat nimenneet rakastetuimmaksi teknologiaksi vuoden 2017 Stack Overflow Surveyn mukaan. GitHubin t\u00e4htien m\u00e4\u00e4r\u00e4 arvioi, ett\u00e4 se on suosituin JavaScript-projekti.<\/p>\n Reactin avulla kehitt\u00e4j\u00e4t voivat luoda interaktiivisen k\u00e4ytt\u00f6liittym\u00e4n deklaratiivisella menetelm\u00e4ll\u00e4, joka mahdollistaa sovelluksen tilan t\u00e4yden hallinnan sanomalla "n\u00e4kym\u00e4n pit\u00e4isi n\u00e4ytt\u00e4\u00e4 t\u00e4lt\u00e4".<\/p>\n React k\u00e4ytt\u00e4\u00e4 komponenttipohjaista mallia ja jokainen komponentti on uudelleenk\u00e4ytett\u00e4v\u00e4 k\u00e4ytt\u00f6liittym\u00e4elementti, jolla on oma tilansa. Virtuaalista DOM:ia k\u00e4ytt\u00e4v\u00e4 React on yksi parhaista JavaScript-kirjastoista, joka poistaa DOM:n suoraan manipulointiin liittyv\u00e4t huolet pois yht\u00e4l\u00f6st\u00e4.<\/p>\n React on monipuolinen JavaScript-kirjasto, ja er\u00e4it\u00e4 sen merkitt\u00e4vimmist\u00e4 ominaisuuksista ovat valinnainen JSX-syntaksi, yksisuuntainen tiedonkulku ja komentorivity\u00f6kalu, joka parantaa React-projektin luomista ilman, ett\u00e4 rakennusta tarvitsee m\u00e4\u00e4ritt\u00e4\u00e4. Saatavilla olevien React-pakettien<\/a> avulla voit rakentaa uskomattomia asioita.<\/p>\n Mik\u00e4 on jQuery? jQuery on JavaScript-kirjasto, ja voit ladata jQueryn osoitteesta jquery.com tai JavaScript-verkkosivustolta, josta l\u00f6yd\u00e4t my\u00f6s jQuery-oppaan jQueryn k\u00e4yt\u00f6st\u00e4. jQuery-kirjasto on ilmainen cross-platform-ohjelmisto, joka k\u00e4ytt\u00e4\u00e4 sallivaa MIT-lisenssi\u00e4.<\/p>\n Mihin jQuery\u00e4 k\u00e4ytet\u00e4\u00e4n? JavaScript jQuery mahdollistaa helpomman DOM-manipuloinnin ja helpottaa JavaScriptin k\u00e4ytt\u00f6\u00e4. Onko jQuery kehys? Ei, Java Script jQuery on kirjasto, ei kehys. Se on kehitt\u00e4j\u00e4yst\u00e4v\u00e4llinen kirjasto helpon syntaksin ja pehme\u00e4n oppimisk\u00e4yr\u00e4n ansiosta.<\/p>\n jQuery on yksi suosituimmista JavaScript-kirjastoista, ja sen suosio luotettavana web-sivuston rakentajana, jossa on moniselaimen tuki, perustui perusominaisuuksiin, kuten tapahtumien k\u00e4sittelyyn, CSS-valitsimiin perustuvaan DOM-manipulaatioon ja kykyyn tehd\u00e4 AJAX-kutsuja.<\/p>\n JavaScript ohjelmointikielen\u00e4 on kehittynyt laajasti, ja useat uusimmat jQuery-ominaisuudet on integroitu uusimpaan ECMAScript-spesifikaatioon.<\/p>\n Nykyp\u00e4iv\u00e4n suosituimmat JavaScript-kehykset ja kirjastot eiv\u00e4t en\u00e4\u00e4 vaadi DOM-manipulaatiotekniikoita, koska niiss\u00e4 on sis\u00e4\u00e4nrakennettu menetelm\u00e4 DOM:n sitomiseen. T\u00e4ss\u00e4 yhteydess\u00e4 jQuery ei ehk\u00e4 ole yht\u00e4 suosittu kuin ennen, mutta se on edelleen yksi eniten k\u00e4ytetyist\u00e4 JavaScript-kirjastoista.<\/p>\n D3 on visualisointikirjasto, joka k\u00e4ytt\u00e4\u00e4 standardeja, kuten HTML, SVG ja CSS. Se on tehokas ja ainutlaatuinen JavaScript-kirjasto, joka parantaa huomattavasti lopputuloksen hallintaa.<\/p>\n D3: Data-Driven Documents sitoo tiedot DOM:iin ja tekee muunnoksen dokumentiksi. D3 on laajentanut perustoimintojaan omalla kirjastojen ja lis\u00e4osien ekosysteemill\u00e4. Lis\u00e4ksi verkossa on lukuisia opetusohjelmia ja asiakirjoja.<\/p>\n Underscore tuli JavaScript-alueelle vuonna 2009, ja Jeremy Ashkenas kehitti sen monipuoliseksi apukirjastoksi, joka sis\u00e4lt\u00e4\u00e4 yli 100 erilaista toimintoa. T\u00e4llaisten toimintojen avulla kehitt\u00e4j\u00e4t voivat hallita objekteja, taulukoita ja muita toimintoja.<\/p>\n Keskeisi\u00e4 ominaisuuksia ovat toiminnalliset ohjelmointiapuohjelmat, kuten kartta, suodatus ja pienennys. FP tai toiminnallinen ohjelmointi on suosittu paradigma, joka v\u00e4lttelee tilan ja tietojen muuttamista.<\/p>\n Lodash tuli JavaScript-kirjastojen maailmaan vuonna 2012. John-David Daltonin suunnittelema Lodash tarjoaa johdonmukaisen iteraatiotuen eri ymp\u00e4rist\u00f6iss\u00e4 merkkijonoille, taulukoille ja argumenttiobjekteille.<\/p>\n Nyky\u00e4\u00e4n Lodash on Underscoren superjoukko, jonka m\u00e4\u00e4rittelee parannettu dokumentaatio ja enemm\u00e4n ominaisuuksia. Useimmat kehitt\u00e4j\u00e4t, mukaan lukien Underscore-avustajat, ty\u00f6skentelev\u00e4t nyt Lodashin kanssa Underscoren sijaan.<\/p>\n JavaScriptin standardit ovat kehittyneet niin paljon, ett\u00e4 monet ulkoisten kirjastojen tarjoamista apuohjelmista sis\u00e4ltyv\u00e4t nyt JavaScriptiin.<\/p>\n T\u00e4ss\u00e4 yhteydess\u00e4 Lodashia ja Underscorea ei ehk\u00e4 en\u00e4\u00e4 tarvita, vaikka sek\u00e4 Lodash ett\u00e4 Underscore ovat edelleen erinomaisia \u200b\u200bapukirjastoja, jotka ovat erityisen hy\u00f6dyllisi\u00e4 FP-sovelluksissa.<\/p>\n JavaScript Frameworks m\u00e4\u00e4ritt\u00e4\u00e4 ja hallitsee sovelluksesi ohjauskulkua. Se m\u00e4\u00e4rittelee rungon ja kertoo kehitt\u00e4jille, kuinka olennaiset elementit tulee j\u00e4rjest\u00e4\u00e4. Parhaat JavaScript-kehykset tarjoavat my\u00f6s perustoiminnot sovelluksen m\u00e4\u00e4ritt\u00e4miseen.<\/p>\n JavaScript-kehyst\u00e4 k\u00e4ytt\u00e4m\u00e4ll\u00e4 sinun on kunnioitettava kunkin kehyksen suunnittelumalleja ja periaatteita. Kehys kutsuu sinua, kun taas sin\u00e4 kutsut kirjastoa.<\/p>\n JavaScript-kehykset koostuvat usein useista kirjastoista. Niiss\u00e4 on korkea abstraktiotaso ja joukko sis\u00e4\u00e4nrakennettuja ominaisuuksia, kuten testaus, mallien sidonta, tietojen sidonta, AJAX-kutsut tai tapahtumien k\u00e4sittely. T\u00e4ss\u00e4 on joitain parhaista JavaScript-kehyksist\u00e4:<\/p>\n Kolme suurta kehyst\u00e4 hallitsevat JavaScriptin maailmaa suosiokategoriassa, eli Angular, Vue ja React. N\u00e4m\u00e4 puitteet ovat paras paikka aloittaa puitteiden oppiminen uusille kehitt\u00e4jille. Oppimisresursseja on tarjolla runsaasti.<\/p>\n Angular luotiin aikoinaan suosituimmaksi ja parhaaksi JavaScript-kehykseksi sek\u00e4 parhaaksi k\u00e4ytt\u00f6liittym\u00e4kehykseksi JavaScriptille. Angularilla oli Googlen sek\u00e4 vankan yritysten ja yksityishenkil\u00f6iden tuki. Angularin uusin versio julkaistiin vuonna 2016.<\/p>\n Vue.js on progressiivinen JavaScript-kehys, jonka Evan You julkaisi vuonna 2014, kun h\u00e4n oli viel\u00e4 osa Google-tiimi\u00e4. Avoimen l\u00e4hdekoodin kehys, Vue.js on muuttunut dramaattisesti vuodesta 2014, ja sit\u00e4 pidet\u00e4\u00e4n nyt hienostuneena SPA.<\/p>\n Vuen progressiivisuus tekee siit\u00e4 tehokkaan JavaScript-kehyksen, koska voit lis\u00e4t\u00e4 sen sovellukseesi asteittain. Se on kehys, joka voidaan helposti sekoittaa ja sovittaa JS-projekteihisi, mik\u00e4 on hieno ominaisuus, joka puuttuu sek\u00e4 Angularilta ett\u00e4 Emberilt\u00e4.<\/p>\n Vue.js:n ominaisuuksia ovat mallit, komponentit, kaksisuuntainen tietojen sidonta, reaktiivisuuskohdistus ja siirtym\u00e4t.<\/p>\n Bootstrap on k\u00e4ytt\u00f6liittym\u00e4n JavaScript-kehys, joka on luotu niille, jotka eiv\u00e4t pid\u00e4 suunnittelusta. Bootstrap, joka tunnettiin aiemmin nimell\u00e4 Twitter Blueprint, mainostaa itse\u00e4\u00e4n parhaana JS-, HTML- ja CSS-kehyksen\u00e4 mobiiliensimm\u00e4isille, reagoiville projekteille.<\/p>\n Mark Otto ja Jacob Thornton, jotka kuuluivat tuolloin Twitteriin, lanseerasivat Bootstrapin vuonna 2011. Se on kehys, jonka avulla ihmiset, jotka eiv\u00e4t ole suunnittelijoita, voivat tuottaa vaivattomasti kohtuullisen n\u00e4k\u00f6isi\u00e4 sivustoja ja toteuttaa responsiivista suunnittelua.<\/p>\n Bootstrap k\u00e4ytt\u00e4\u00e4 JS-laajennuksia ja CSS-kuvakkeita, tyylej\u00e4 ja komponentteja. Laajennukset sis\u00e4lt\u00e4v\u00e4t muun muassa malleja, h\u00e4lytyksi\u00e4, avattavia valikoita ja painikkeita.<\/p>\n Toinen avoimen l\u00e4hdekoodin JS-kehys, Ember.Js on Yehuda Katzin SproutCore 2.0 -versiona kehitt\u00e4m\u00e4 ja vuonna 2011 julkaistu rakennusty\u00f6kalu. Siin\u00e4 on sis\u00e4\u00e4nrakennettu reititin ja Ember Data. Ember.js:t\u00e4 pidet\u00e4\u00e4n mukautuvana, j\u00e4ykk\u00e4n\u00e4 kehyksen\u00e4, joka keskittyy k\u00e4yt\u00e4nt\u00f6\u00f6n konfiguroinnin sijaan.<\/p>\n Monet uudet kehitt\u00e4j\u00e4t ovat lannistuneita kokeneista kehitt\u00e4jist\u00e4, jotka v\u00e4itt\u00e4v\u00e4t, ett\u00e4 JavaScript-areena muuttuu liian nopeasti. Uutena kehitt\u00e4j\u00e4n\u00e4 saatat kuulla valituksia siit\u00e4, ett\u00e4 liian monta JavaScript-kirjastoa ja -kehyst\u00e4 syntyy liian nopeasti.<\/p>\n Kyll\u00e4, JavaScript-maailma on nopeatempoinen ymp\u00e4rist\u00f6; on turha kiist\u00e4\u00e4 ilmeist\u00e4. Sinun on kuitenkin viel\u00e4 opittava kehys, jos haluat p\u00e4\u00e4st\u00e4 JS-alueeseen. T\u00e4m\u00e4 artikkeli tarjoaa vain nopean vilkaisun JavaScript-kirjastojen ja -kehysten el\u00e4v\u00e4\u00e4n maailmaan.<\/p>\n Siirry seuraavalle tasolle ja valitse kehys ja kirjasto ja aloita oppiminen!<\/p>\n Jos pidit t\u00e4m\u00e4n artikkelin lukemisesta JavaScript-kirjastoista, sinun tulee tarkistaa t\u00e4m\u00e4 artikkeli WordPress-kehitt\u00e4jien palkasta<\/a>.<\/p>\n Kirjoitimme my\u00f6s muutamista aiheeseen liittyvist\u00e4 aiheista, kuten WordPress-koulutuksesta<\/a>, HTML:n muuntamisesta WordPressiksi<\/a>, parhaasta koodieditorista<\/a> ja Brackets-laajennuksista<\/a>.<\/p>\n![\"T\u00e4rkeimm\u00e4t](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-204142-61e8c7faeee9b.jpg\")
<\/a><\/p>\n\n
Mik\u00e4 on JavaScript-kirjasto?<\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\n\n
Mik\u00e4 on JavaScript-kehys?<\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\nJavaScript-kirjastot<\/h3>\n
<\/a><\/p>\n\n
Reagoi<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
jQuery<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
D3: Tietoihin perustuvat asiakirjat<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
Alaviiva ja Lodash<\/strong><\/h3>\n<\/li>\n<\/ol>\n
\n
Alaviiva<\/a><\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\n\n
Lodash<\/a><\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\nSuositut JavaScript-kehykset<\/strong><\/h3>\n
<\/a><\/p>\nJavaScript-kehysten kolme suurta<\/h3>\n
\n
Kulmikas<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
Js<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
Bootstrap<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
Human.js<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\nLopettaa ajatukset JapaScript-kirjastoista<\/strong><\/h3>\n