Olulised JavaScripti teegid ja raamistikud, mida peaksite kasutama
Programmeerijana olete tuttav JavaScriptiga, dünaamilise programmeerimiskeelega, mis on järjepidevalt arenenud alates selle kaks aastakümmet tagasi käivitamisest. Arenduse töövoo parandamiseks on võtmetähtsusega töötamine uusimate JavaScripti teekide ja raamistikega.
See on artikkel, mis tutvustab parimaid JavaScripti teeke ja tööriistu, aga ka kõige populaarsemaid JavaScripti raamistikke, mida peate võib-olla võimalikult kiiresti õppima, arvestades kiireid edusamme, mis määratlevad JavaScripti programmeerimiskeelena.
Erinevus JavaScripti teekide ja raamistike vahel
Sageli kuuleme selliseid termineid nagu JavaScripti teek või JavaScripti raamistik, kuid paljud valdkonnaga uued inimesed ei tea, mis vahe on JS-i teekide ja JS-raamistike vahel. Paljud veebipõhised kohad on püüdnud sellele korduma kippuvale küsimusele vastuseid leida.
-
Mis on JavaScripti teek?
Hea vastus ütleb, et JS-i teek on eelnevalt kirjutatud JavaScripti koodide teek, mis on loodud JS-põhiste rakenduste hõlpsamaks arendamiseks. Seejärel võib JavaScripti teek sisaldada mitut meetodit, objekti või funktsiooni, mis sõltub keelest.
Teie rakendus, vanemkood, võib funktsioonidele juurdepääsu võimaldamiseks helistada JS-i teegile.
-
Mis on JavaScripti raamistik?
JavaScripti raamistik on Javascripti teekide kogu, mis kutsub esile ja kasutab vanemkoodi teatud viisil. Raamistik määratleb kogu rakenduse kujunduse, mis omab teie rakenduse juhtimist ning pakub tagasihelistusi ja konkse, millele saate tugineda.
JavaScripti teegid
JavaScripti teek on koodiosa, mida saab teatud funktsioonide pakkumiseks uuesti kasutada. See erineb raamistikust oma juhtimisvoogudes: teek pakub funktsioone, klasse ja objekte, mida kutsutakse tema vanemkoodiga, st mida kasutatakse teie rakenduses.
Teek eraldab või valib erinevad kihid, mis tähendab, et te ei pea juurutamise üksikasjade pärast muretsema. Kutsuge raamatukogus funktsioon välja ja andke sellele mitu parameetrit. JavaScripti teek käivitab selle ja tagastab teile juhtelemendi.
JavaScripti teegid ei kehtesta struktuurseid piiranguid teegi kasutamise piiramiseks.
Vaadake seda populaarset JavaScripti teekide kogu:
Instagrami ja Facebooki arendajad on mitmekülgse JavaScripti teegi React loojad, mille arendajad on 2017. aasta Stack Overflow Survey järgi nimetanud kõige armastatumaks tehnoloogiaks. GitHubi tärnide arv hindab seda kõige populaarsemaks JavaScripti projektiks.
React võimaldab arendajatel luua interaktiivse kasutajaliidese deklaratiivse meetodi abil, mis võimaldab rakenduse olekut täielikult kontrollida, öeldes: "vaade peaks välja nägema selline."
React kasutab komponendipõhist mudelit ja iga komponent on korduvkasutatav kasutajaliidese element, millel on oma olek. Virtuaalset DOM-i kasutades on React üks parimaid JavaScripti teeke, mis eemaldab võrrandist DOM-i otsese manipuleerimisega seotud mured.
React on funktsioonirikas JavaScripti teek ja mõned selle silmapaistvamad omadused hõlmavad valikulist JSX-i süntaksit, ühesuunalist andmevoogu ja käsureatööriista, mis täiustab Reacti projekti loomist, ilma et oleks vaja hoonet konfigureerida. Paljude saadaolevate Reacti pakettide abil saate luua hämmastavaid asju.
Mis on jQuery? jQuery on JavaScripti teek ja saate jQuery alla laadida saidilt jquery.com või JavaScripti veebisaidilt, kust leiate ka jQuery dokumentatsiooni jQuery kasutamise kohta. jQuery teek on tasuta platvormideülene tarkvara, mis kasutab lubavat MIT-litsentsi.
Milleks jQueryt kasutatakse? JavaScripti jQuery võimaldab hõlpsamini manipuleerida DOM-iga ja muudab JavaScripti juurdepääsetavamaks. Kas jQuery on raamistik? Ei, Java Script jQuery on raamatukogu, mitte raamistik. Tänu lihtsale süntaksile ja pehmele õppimiskõverale on see arendajasõbralik raamatukogu.
jQuery on üks populaarsemaid JavaScripti teeke ja selle populaarsust usaldusväärse veebilehe koostajana, millel on brauseriülene tugi, toetasid põhiomadused, nagu sündmuste käsitlemine, CSS-i valijatel põhinev DOM-i manipuleerimine ja AJAX-i kõnede tegemise võimalus.
JavaScript kui programmeerimiskeel on ulatuslikult arenenud ja mitmed uusimad jQuery funktsioonid on integreeritud uusima ECMAScripti spetsifikatsiooniga.
Tänapäeva parimad JavaScripti raamistikud ja teegid ei vaja enam DOM-i manipuleerimistehnikaid, kuna neil on sisseehitatud meetod DOM-i sidumiseks. Selles kontekstis ei pruugi jQuery olla nii populaarne kui varem, kuid see on endiselt üks enimkasutatavaid JavaScripti teeke.
D3 on visualiseerimisteek, mis kasutab selliseid standardeid nagu HTML, SVG ja CSS. See on võimas ja ainulaadne JavaScripti teek, mis suurendab oluliselt kontrolli lõpptulemuse üle.
D3: Data-Driven Documents seob andmed DOM-iga ja muudab dokumendiks. Oma raamatukogude ja pistikprogrammide ökosüsteemiga on D3 laiendanud oma põhifunktsioone. Lisaks on Internetis saadaval palju õpetusi ja dokumentatsiooni.
-
Alakriips ja Lodash
Underscore sisenes JavaScripti valdkonda 2009. aastal ja selle arendas Jeremy Ashkenas mitmekülgse utiliidi raamatukoguna, mis hõlmab enam kui 100 erinevat funktsiooni. Sellised funktsioonid võimaldavad arendajatel juhtida objekte, massiive ja muid funktsioone.
Põhifunktsioonide hulka kuuluvad funktsionaalsed programmeerimisabilised, nagu kaardistamine, filtreerimine ja vähendamine. FP ehk funktsionaalne programmeerimine on populaarne paradigma, mis väldib muutuvat olekut ja andmete muutmist.
Lodash sisenes JavaScripti teekide maailma 2012. aastal. John-David Daltoni kujundatud Lodash pakub stringide, massiivide ja argumentide objektide jaoks järjepidevat iteratsioonituge erinevates keskkondades.
Tänapäeval on Lodash Underscore’i superkomplekt, mis on määratletud täiustatud dokumentatsiooni ja muude funktsioonidega. Enamik arendajaid, sealhulgas Underscore’i kaasautorid, töötavad nüüd Underscore’i asemel Lodashiga.
JavaScripti standardid on nii palju arenenud, et paljud väliste teekide pakutavad utiliidid on nüüd JavaScripti kaasatud.
Selles kontekstis ei pruugi Lodash ja Underscore enam vajalikud olla, kuigi nii Lodash kui ka Underscore on endiselt suurepärased utiliiditeegid, mis on eriti kasulikud FP rakenduste jaoks.
Populaarsed JavaScripti raamistikud
JavaScript Frameworks loob ja juhib teie rakenduse juhtimisvoogu. See määratleb skeleti ja ütleb arendajatele, kuidas olulisi elemente tuleks korraldada. Parimad JavaScripti raamistikud pakuvad ka põhifunktsioone rakenduse seadistamiseks.
JavaScripti raamistikku kasutades olete sunnitud austama vastava raamistiku disainimustreid ja põhimõtteid. Raamistik kutsub teid, teie aga raamatukogu.
JavaScripti raamistikud koosnevad sageli paljudest teekidest. Neil on kõrge abstraktsioonitase ja rida sisseehitatud funktsioone, sealhulgas testimine, mallide sidumine, andmete sidumine, AJAX-kõned või sündmuste käsitlemine. Siin on mõned parimad JavaScripti raamistikud:
JavaScripti raamistike kolm suurt
Kolm peamist raamistikku juhivad JavaScripti populaarsuse kategoorias, st Angular, Vue ja React. Need raamistikud on parim koht uutele arendajatele mõeldud raamistiku õppimise alustamiseks. Saadaval on palju õppematerjale.
Kunagi populaarseimaks ja parimaks JavaScripti raamistikuks ning parimaks JavaScripti esiotsa raamistikuks loodud Angular sai toetust nii Google’ilt kui ka suurelt ettevõtetelt ja eraisikutelt. Angulari uusim versioon ilmus 2016. aastal.
Vue.js on progressiivne JavaScripti raamistik, mille Evan You andis 2014. aastal välja ajal, mil ta oli veel Google’i meeskonna liige. Avatud lähtekoodiga raamistik Vue.js on alates 2014. aastast dramaatiliselt muutunud ja seda peetakse nüüd täiustatud SPA-ks.
Vue progressiivsus muudab selle võimsa JavaScripti raamistiku, kuna saate selle järk-järgult oma rakendusse lisada. See on raamistik, mida saab hõlpsasti segada ja sobitada oma JS-projektidega – suurepärane funktsioon, mis puudub nii Angularil kui ka Emberil.
Vue.js-iga saadaolevate funktsioonide hulka kuuluvad mallid, komponendid, kahesuunaline andmete sidumine, reaktsioonivõime fookus ja üleminekud.
Bootstrap on esiotsa JavaScripti raamistik, mis loodi neile, kellele disain ei meeldi. Varem tuntud kui Twitter Blueprint, Bootstrap reklaamib end kui parimat JS-, HTML- ja CSS-raamistikku mobiilsetele esmalt reageerivatele projektidele.
Mark Otto ja Jacob Thornton, kes kuulusid sel ajal Twitterisse, käivitasid Bootstrapi 2011. aastal. See on raamistik, mida inimesed, kes pole disainerid, saavad kasutada ilma suurema vaevata mõistliku välimusega saitide loomiseks ja tundliku disaini rakendamiseks.
Bootstrap kasutab JS-i pistikprogramme ja CSS-ikoone, stiile ja komponente. Pluginad sisaldavad muu hulgas mudeleid, hoiatusi, rippmenüüsid ja nuppe.
Teine avatud lähtekoodiga JS-i raamistik Ember.Js on Yehuda Katzi poolt SproutCore 2.0 välja töötatud ja 2011. aastal välja antud ehitustööriist. Sellel on sisseehitatud ruuter ja Ember Data. Ember.js-i peetakse kohandatavaks ja jäigaks raamistikuks, mis keskendub pigem tavadele kui konfiguratsioonile.
Mõtete lõpetamine JapaScripti raamatukogude kohta
Paljud uued arendajad tunnevad end heidutuna kogenud arendajatest, kes väidavad, et JavaScripti areen muutub liiga kiiresti. Uue arendajana võite kuulda kaebusi selle kohta, et liiga palju JavaScripti teeke ja raamistikke tekib liiga kiiresti.
Jah, JavaScripti maailm on kiire tempoga keskkond; ilmselget pole mõtet eitada. Kui soovite JS-i valdkonda siseneda, peate siiski õppima raamistikku. See artikkel annab vaid kiire pilgu JavaScripti teekide ja raamistike elavale maailmale.
Liikuge järgmisele tasemele, valige raamistik ja raamatukogu ning alustage õppimist!
Kui teile meeldis seda JavaScripti teekide artiklit lugeda, peaksite seda WordPressi arendaja palga kohta lugema .
Kirjutasime ka mõnest seotud teemast, nagu WordPressi koolitus, HTML-i teisendamine WordPressiks, parim koodiredaktor ja Bracketsi laiendused.