Sageli kuuleme selliseid termineid nagu JavaScripti teek v\u00f5i JavaScripti raamistik, kuid paljud valdkonnaga uued inimesed ei tea, mis vahe on JS-i teekide ja JS-raamistike vahel. Paljud veebip\u00f5hised kohad on p\u00fc\u00fcdnud sellele korduma kippuvale k\u00fcsimusele vastuseid leida.<\/p>\n Hea vastus \u00fctleb, et JS-i teek on eelnevalt kirjutatud JavaScripti koodide teek, mis on loodud JS-p\u00f5histe rakenduste h\u00f5lpsamaks arendamiseks. Seej\u00e4rel v\u00f5ib JavaScripti teek sisaldada mitut meetodit, objekti v\u00f5i funktsiooni, mis s\u00f5ltub keelest.<\/p>\n Teie rakendus, vanemkood, v\u00f5ib funktsioonidele juurdep\u00e4\u00e4su v\u00f5imaldamiseks helistada JS-i teegile.<\/p>\n JavaScripti raamistik on Javascripti teekide kogu, mis kutsub esile ja kasutab vanemkoodi teatud viisil. Raamistik m\u00e4\u00e4ratleb kogu rakenduse kujunduse, mis omab teie rakenduse juhtimist ning pakub tagasihelistusi ja konkse, millele saate tugineda.<\/p>\n 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.<\/p>\n Teek eraldab v\u00f5i valib erinevad kihid, mis t\u00e4hendab, et te ei pea juurutamise \u00fcksikasjade p\u00e4rast muretsema. Kutsuge raamatukogus funktsioon v\u00e4lja ja andke sellele mitu parameetrit. JavaScripti teek k\u00e4ivitab selle ja tagastab teile juhtelemendi.<\/p>\n JavaScripti teegid ei kehtesta struktuurseid piiranguid teegi kasutamise piiramiseks.<\/p>\n Vaadake seda populaarset JavaScripti teekide kogu:<\/p>\n Instagrami ja Facebooki arendajad on mitmek\u00fclgse JavaScripti teegi React loojad, mille arendajad on 2017. aasta Stack Overflow Survey j\u00e4rgi nimetanud k\u00f5ige armastatumaks tehnoloogiaks. GitHubi t\u00e4rnide arv hindab seda k\u00f5ige populaarsemaks JavaScripti projektiks.<\/p>\n React v\u00f5imaldab arendajatel luua interaktiivse kasutajaliidese deklaratiivse meetodi abil, mis v\u00f5imaldab rakenduse olekut t\u00e4ielikult kontrollida, \u00f6eldes: "vaade peaks v\u00e4lja n\u00e4gema selline."<\/p>\n React kasutab komponendip\u00f5hist mudelit ja iga komponent on korduvkasutatav kasutajaliidese element, millel on oma olek. Virtuaalset DOM-i kasutades on React \u00fcks parimaid JavaScripti teeke, mis eemaldab v\u00f5rrandist DOM-i otsese manipuleerimisega seotud mured.<\/p>\n React on funktsioonirikas JavaScripti teek ja m\u00f5ned selle silmapaistvamad omadused h\u00f5lmavad valikulist JSX-i s\u00fcntaksit, \u00fchesuunalist andmevoogu ja k\u00e4sureat\u00f6\u00f6riista, mis t\u00e4iustab Reacti projekti loomist, ilma et oleks vaja hoonet konfigureerida. Paljude saadaolevate Reacti pakettide<\/a> abil saate luua h\u00e4mmastavaid asju.<\/p>\n Mis on jQuery? jQuery on JavaScripti teek ja saate jQuery alla laadida saidilt jquery.com v\u00f5i JavaScripti veebisaidilt, kust leiate ka jQuery dokumentatsiooni jQuery kasutamise kohta. jQuery teek on tasuta platvormide\u00fclene tarkvara, mis kasutab lubavat MIT-litsentsi.<\/p>\n Milleks jQueryt kasutatakse? JavaScripti jQuery v\u00f5imaldab h\u00f5lpsamini manipuleerida DOM-iga ja muudab JavaScripti juurdep\u00e4\u00e4setavamaks. Kas jQuery on raamistik? Ei, Java Script jQuery on raamatukogu, mitte raamistik. T\u00e4nu lihtsale s\u00fcntaksile ja pehmele \u00f5ppimisk\u00f5verale on see arendajas\u00f5bralik raamatukogu.<\/p>\n jQuery on \u00fcks populaarsemaid JavaScripti teeke ja selle populaarsust usaldusv\u00e4\u00e4rse veebilehe koostajana, millel on brauseri\u00fclene tugi, toetasid p\u00f5hiomadused, nagu s\u00fcndmuste k\u00e4sitlemine, CSS-i valijatel p\u00f5hinev DOM-i manipuleerimine ja AJAX-i k\u00f5nede tegemise v\u00f5imalus.<\/p>\n JavaScript kui programmeerimiskeel on ulatuslikult arenenud ja mitmed uusimad jQuery funktsioonid on integreeritud uusima ECMAScripti spetsifikatsiooniga.<\/p>\n T\u00e4nap\u00e4eva 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 \u00fcks enimkasutatavaid JavaScripti teeke.<\/p>\n D3 on visualiseerimisteek, mis kasutab selliseid standardeid nagu HTML, SVG ja CSS. See on v\u00f5imas ja ainulaadne JavaScripti teek, mis suurendab oluliselt kontrolli l\u00f5pptulemuse \u00fcle.<\/p>\n D3: Data-Driven Documents seob andmed DOM-iga ja muudab dokumendiks. Oma raamatukogude ja pistikprogrammide \u00f6kos\u00fcsteemiga on D3 laiendanud oma p\u00f5hifunktsioone. Lisaks on Internetis saadaval palju \u00f5petusi ja dokumentatsiooni.<\/p>\n Underscore sisenes JavaScripti valdkonda 2009. aastal ja selle arendas Jeremy Ashkenas mitmek\u00fclgse utiliidi raamatukoguna, mis h\u00f5lmab enam kui 100 erinevat funktsiooni. Sellised funktsioonid v\u00f5imaldavad arendajatel juhtida objekte, massiive ja muid funktsioone.<\/p>\n P\u00f5hifunktsioonide hulka kuuluvad funktsionaalsed programmeerimisabilised, nagu kaardistamine, filtreerimine ja v\u00e4hendamine. FP ehk funktsionaalne programmeerimine on populaarne paradigma, mis v\u00e4ldib muutuvat olekut ja andmete muutmist.<\/p>\n Lodash sisenes JavaScripti teekide maailma 2012. aastal. John-David Daltoni kujundatud Lodash pakub stringide, massiivide ja argumentide objektide jaoks j\u00e4rjepidevat iteratsioonituge erinevates keskkondades.<\/p>\n T\u00e4nap\u00e4eval on Lodash Underscore’i superkomplekt, mis on m\u00e4\u00e4ratletud t\u00e4iustatud dokumentatsiooni ja muude funktsioonidega. Enamik arendajaid, sealhulgas Underscore’i kaasautorid, t\u00f6\u00f6tavad n\u00fc\u00fcd Underscore’i asemel Lodashiga.<\/p>\n JavaScripti standardid on nii palju arenenud, et paljud v\u00e4liste teekide pakutavad utiliidid on n\u00fc\u00fcd JavaScripti kaasatud.<\/p>\n Selles kontekstis ei pruugi Lodash ja Underscore enam vajalikud olla, kuigi nii Lodash kui ka Underscore on endiselt suurep\u00e4rased utiliiditeegid, mis on eriti kasulikud FP rakenduste jaoks.<\/p>\n JavaScript Frameworks loob ja juhib teie rakenduse juhtimisvoogu. See m\u00e4\u00e4ratleb skeleti ja \u00fctleb arendajatele, kuidas olulisi elemente tuleks korraldada. Parimad JavaScripti raamistikud pakuvad ka p\u00f5hifunktsioone rakenduse seadistamiseks.<\/p>\n JavaScripti raamistikku kasutades olete sunnitud austama vastava raamistiku disainimustreid ja p\u00f5him\u00f5tteid. Raamistik kutsub teid, teie aga raamatukogu.<\/p>\n JavaScripti raamistikud koosnevad sageli paljudest teekidest. Neil on k\u00f5rge abstraktsioonitase ja rida sisseehitatud funktsioone, sealhulgas testimine, mallide sidumine, andmete sidumine, AJAX-k\u00f5ned v\u00f5i s\u00fcndmuste k\u00e4sitlemine. Siin on m\u00f5ned parimad JavaScripti raamistikud:<\/p>\n Kolm peamist raamistikku juhivad JavaScripti populaarsuse kategoorias, st Angular, Vue ja React. Need raamistikud on parim koht uutele arendajatele m\u00f5eldud raamistiku \u00f5ppimise alustamiseks. Saadaval on palju \u00f5ppematerjale.<\/p>\n Kunagi populaarseimaks ja parimaks JavaScripti raamistikuks ning parimaks JavaScripti esiotsa raamistikuks loodud Angular sai toetust nii Google’ilt kui ka suurelt ettev\u00f5tetelt ja eraisikutelt. Angulari uusim versioon ilmus 2016. aastal.<\/p>\n Vue.js on progressiivne JavaScripti raamistik, mille Evan You andis 2014. aastal v\u00e4lja ajal, mil ta oli veel Google’i meeskonna liige. Avatud l\u00e4htekoodiga raamistik Vue.js on alates 2014. aastast dramaatiliselt muutunud ja seda peetakse n\u00fc\u00fcd t\u00e4iustatud SPA-ks.<\/p>\n Vue progressiivsus muudab selle v\u00f5imsa JavaScripti raamistiku, kuna saate selle j\u00e4rk-j\u00e4rgult oma rakendusse lisada. See on raamistik, mida saab h\u00f5lpsasti segada ja sobitada oma JS-projektidega \u2013 suurep\u00e4rane funktsioon, mis puudub nii Angularil kui ka Emberil.<\/p>\n Vue.js-iga saadaolevate funktsioonide hulka kuuluvad mallid, komponendid, kahesuunaline andmete sidumine, reaktsiooniv\u00f5ime fookus ja \u00fcleminekud.<\/p>\n 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.<\/p>\n Mark Otto ja Jacob Thornton, kes kuulusid sel ajal Twitterisse, k\u00e4ivitasid Bootstrapi 2011. aastal. See on raamistik, mida inimesed, kes pole disainerid, saavad kasutada ilma suurema vaevata m\u00f5istliku v\u00e4limusega saitide loomiseks ja tundliku disaini rakendamiseks.<\/p>\n Bootstrap kasutab JS-i pistikprogramme ja CSS-ikoone, stiile ja komponente. Pluginad sisaldavad muu hulgas mudeleid, hoiatusi, rippmen\u00fc\u00fcsid ja nuppe.<\/p>\n Teine avatud l\u00e4htekoodiga JS-i raamistik Ember.Js on Yehuda Katzi poolt SproutCore 2.0 v\u00e4lja t\u00f6\u00f6tatud ja 2011. aastal v\u00e4lja antud ehitust\u00f6\u00f6riist. Sellel on sisseehitatud ruuter ja Ember Data. Ember.js-i peetakse kohandatavaks ja j\u00e4igaks raamistikuks, mis keskendub pigem tavadele kui konfiguratsioonile.<\/p>\n Paljud uued arendajad tunnevad end heidutuna kogenud arendajatest, kes v\u00e4idavad, et JavaScripti areen muutub liiga kiiresti. Uue arendajana v\u00f5ite kuulda kaebusi selle kohta, et liiga palju JavaScripti teeke ja raamistikke tekib liiga kiiresti.<\/p>\n Jah, JavaScripti maailm on kiire tempoga keskkond; ilmselget pole m\u00f5tet eitada. Kui soovite JS-i valdkonda siseneda, peate siiski \u00f5ppima raamistikku. See artikkel annab vaid kiire pilgu JavaScripti teekide ja raamistike elavale maailmale.<\/p>\n Liikuge j\u00e4rgmisele tasemele, valige raamistik ja raamatukogu ning alustage \u00f5ppimist!<\/p>\n Kui teile meeldis seda JavaScripti teekide artiklit lugeda, peaksite seda WordPressi arendaja palga<\/a> kohta lugema .<\/p>\n Kirjutasime ka m\u00f5nest seotud teemast, nagu WordPressi koolitus<\/a>, HTML-i teisendamine WordPressiks<\/a>, parim koodiredaktor<\/a> ja Bracketsi laiendused<\/a>.<\/p>\n![\"Olulised](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-204142-61e8c7faeee9b.jpg\")
<\/a><\/p>\n\n
Mis on JavaScripti teek?<\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\n\n
Mis on JavaScripti raamistik?<\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\nJavaScripti teegid<\/h3>\n
<\/a><\/p>\n\n
Reageerige<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
jQuery<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
D3: andmep\u00f5hised dokumendid<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
Alakriips ja Lodash<\/strong><\/h3>\n<\/li>\n<\/ol>\n
\n
Alakriips<\/a><\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\n\n
Lodash<\/a><\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\nPopulaarsed JavaScripti raamistikud<\/strong><\/h3>\n
<\/a><\/p>\nJavaScripti raamistike kolm suurt<\/h3>\n
\n
Nurgeline<\/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>\nM\u00f5tete l\u00f5petamine JapaScripti raamatukogude kohta<\/strong><\/h3>\n