Vi h\u00f6r ofta termer som JavaScript-bibliotek eller JavaScript Framework, men f\u00f6r m\u00e5nga som \u00e4r nya inom omr\u00e5det vet inte skillnaden mellan JS-bibliotek och JS-ramverk. M\u00e5nga online-st\u00e4llen har f\u00f6rs\u00f6kt komma med svar p\u00e5 denna vanliga fr\u00e5ga.<\/p>\n Ett bra svar s\u00e4ger att ett JS-bibliotek \u00e4r ett bibliotek med f\u00f6rskrivna JavaScript-koder utformade f\u00f6r att f\u00f6rb\u00e4ttra enklare utveckling av JS-baserade applikationer. D\u00e4refter kan ett JavaScript-bibliotek inneh\u00e5lla flera metoder, objekt eller funktioner, vilket beror p\u00e5 spr\u00e5ket.<\/p>\n Din applikation, f\u00f6r\u00e4ldrakod, kan anlita JS-biblioteket f\u00f6r att ge tillg\u00e5ng till funktionalitet.<\/p>\n Ett JavaScript-ramverk \u00e4r en javascript-samling av bibliotek som kommer att anropa och anv\u00e4nda f\u00f6r\u00e4ldrakoden p\u00e5 ett visst s\u00e4tt. Ett ramverk definierar hela applikationsdesignen som \u00e4ger kontroll \u00f6ver din applikation och erbjuder \u00e5teruppringningar och krokar som du kan bygga p\u00e5.<\/p>\n Ett JavaScript-bibliotek \u00e4r en bit kod som kan \u00e5teranv\u00e4ndas f\u00f6r att tillhandah\u00e5lla specifik funktionalitet. Det skiljer sig fr\u00e5n ett ramverk i sitt kontrollfl\u00f6de: ett bibliotek erbjuder funktioner, klasser och objekt som ska anropas av sin \u00f6verordnade kod, dvs. att anv\u00e4ndas i din applikation.<\/p>\n Biblioteket kommer att extrahera eller v\u00e4lja olika lager, vilket inneb\u00e4r att du inte beh\u00f6ver bry dig om detaljerna i implementeringen. Anropa en funktion i biblioteket och ge den flera parametrar. JavaScript-biblioteket k\u00f6r det och returnerar kontrollen till dig.<\/p>\n JavaScript-bibliotek l\u00e4gger inte p\u00e5 strukturella begr\u00e4nsningar f\u00f6r att begr\u00e4nsa hur du anv\u00e4nder biblioteket.<\/p>\n Kolla in denna popul\u00e4ra samling av JavaScript-bibliotek:<\/p>\n Utvecklarna av Instagram och Facebook \u00e4r skaparna av React, ett m\u00e5ngsidigt JavaScript-bibliotek, som utvecklare har utsett som den mest \u00e4lskade tekniken enligt 2017 \u00e5rs Stack Overflow Survey. GitHub-stj\u00e4rnantalet bed\u00f6mer det som det mest popul\u00e4ra JavaScript-projektet.<\/p>\n React l\u00e5ter utvecklare generera ett interaktivt anv\u00e4ndargr\u00e4nssnitt via en deklarativ metod som till\u00e5ter full kontroll \u00f6ver applikationstillst\u00e5ndet genom att s\u00e4ga "vyn ska se ut s\u00e5 h\u00e4r."<\/p>\n React anv\u00e4nder en komponentbaserad modell och varje komponent \u00e4r ett \u00e5teranv\u00e4ndbart anv\u00e4ndargr\u00e4nssnittselement med sitt eget tillst\u00e5nd. Med hj\u00e4lp av en virtuell DOM \u00e4r React ett av de b\u00e4sta JavaScript-biblioteken som tar bort bekymmer relaterade till direkt manipulation av DOM ur ekvationen.<\/p>\n React \u00e4r ett funktionsrikt JavaScript-bibliotek och n\u00e5gra av dess mest enast\u00e5ende egenskaper inkluderar valfri JSX-syntax, enkelriktad datafl\u00f6de och ett kommandoradsverktyg som f\u00f6rb\u00e4ttrar skapandet av ett React-projekt utan att beh\u00f6va konfigurera byggnaden. Med de m\u00e5nga React-paket<\/a> som finns tillg\u00e4ngliga kan du bygga fantastiska saker.<\/p>\n Vad \u00e4r jQuery? jQuery \u00e4r ett JavaScript-bibliotek, och du kan ladda ner jQuery p\u00e5 jquery.com eller JavaScript-webbplatsen, d\u00e4r du ocks\u00e5 kan hitta jQuery-dokumentation om hur du anv\u00e4nder jQuery. jQuery-biblioteket \u00e4r en gratis plattformsoberoende programvara som anv\u00e4nder till\u00e5tande MIT-licens.<\/p>\n Vad anv\u00e4nds jQuery till? JavaScript jQuery m\u00f6jligg\u00f6r enklare DOM-manipulation och g\u00f6r JavaScript mer tillg\u00e4ngligt. \u00c4r jQuery ett ramverk? Nej, Java Script jQuery \u00e4r ett bibliotek, inte ett ramverk. Det \u00e4r ett utvecklarv\u00e4nligt bibliotek p\u00e5 grund av enkel syntax och mjuk inl\u00e4rningskurva.<\/p>\n jQuery \u00e4r ett av de mest popul\u00e4ra JavaScript-biblioteken och dess popularitet som en p\u00e5litlig webbplatsbyggare med st\u00f6d f\u00f6r flera webbl\u00e4sare drevs av grundl\u00e4ggande egenskaper, s\u00e5som h\u00e4ndelsehantering, DOM-manipulation baserad p\u00e5 CSS-v\u00e4ljare och f\u00f6rm\u00e5ga att g\u00f6ra AJAX-anrop.<\/p>\n JavaScript som programmeringsspr\u00e5k har utvecklats kraftigt och flera av de senaste jQuery-funktionerna har integrerats med den senaste ECMAScript-specifikationen.<\/p>\n Dagens b\u00e4sta JavaScript-ramverk och bibliotek kr\u00e4ver inte l\u00e4ngre DOM-manipulationstekniker eftersom de har en inbyggd metod f\u00f6r att binda DOM. Inom detta sammanhang kanske jQuery inte \u00e4r s\u00e5 popul\u00e4rt som det brukade vara, men det \u00e4r fortfarande ett av de mest anv\u00e4nda JavaScript-biblioteken.<\/p>\n D3 \u00e4r ett visualiseringsbibliotek som anv\u00e4nder standarder som HTML, SVG och CSS. Det \u00e4r ett kraftfullt och unikt JavaScript-bibliotek som avsev\u00e4rt f\u00f6rb\u00e4ttrar kontrollen \u00f6ver det slutliga resultatet.<\/p>\n D3: Datadrivna dokument binder data till DOM och g\u00f6r omvandlingen till dokumentet. Med sitt eget ekosystem av bibliotek och plugins har D3 ut\u00f6kat sin grundl\u00e4ggande funktionalitet. Det finns ocks\u00e5 m\u00e5nga handledningar och dokumentation tillg\u00e4ngliga online.<\/p>\n Underscore gick in i JavaScript-sf\u00e4ren 2009 och utvecklades av Jeremy Ashkenas som ett m\u00e5ngsidigt verktygsbibliotek som omfattar mer \u00e4n 100 olika funktioner. S\u00e5dana funktioner l\u00e5ter utvecklare styra objekt, arrayer och andra funktioner.<\/p>\n Nyckelfunktioner inkluderar funktionella programmeringshj\u00e4lpmedel, s\u00e5som kartl\u00e4gga, filtrera och reducera. FP, eller funktionell programmering \u00e4r ett popul\u00e4rt paradigm som undviker att \u00e4ndra tillst\u00e5nd och \u00e4ndra data.<\/p>\n Lodash gick in i JavaScript-bibliotekens v\u00e4rld 2012. Designad av John-David Dalton, erbjuder Lodash konsekvent iterationsst\u00f6d i olika milj\u00f6er f\u00f6r str\u00e4ngar, arrayer och argumentobjekt.<\/p>\n Idag \u00e4r Lodash Underscores superset som definieras av f\u00f6rb\u00e4ttrad dokumentation och fler funktioner. De flesta utvecklare, inklusive Underscore-bidragsgivare, arbetar nu med Lodash ist\u00e4llet f\u00f6r Underscore.<\/p>\n Standarderna f\u00f6r JavaScript har utvecklats s\u00e5 mycket att m\u00e5nga av de verktyg som g\u00f6rs tillg\u00e4ngliga av externa bibliotek nu ing\u00e5r i JavaScript.<\/p>\n Inom detta sammanhang kanske Lodash och Underscore inte l\u00e4ngre beh\u00f6vs \u00e4ven om b\u00e5de Lodash och Underscore fortfarande \u00e4r utm\u00e4rkta verktygsbibliotek som \u00e4r s\u00e4rskilt anv\u00e4ndbara f\u00f6r FP-applikationer.<\/p>\n JavaScript Frameworks uppr\u00e4ttar och kontrollerar kontrollfl\u00f6det f\u00f6r din applikation. Den definierar skelettet och talar om f\u00f6r utvecklare hur v\u00e4sentliga delar ska organiseras. De b\u00e4sta JavaScript-ramverken ger ocks\u00e5 grundl\u00e4ggande funktionalitet f\u00f6r att konfigurera applikationen.<\/p>\n Genom att anv\u00e4nda ett JavaScript-ramverk blir du tvungen att respektera designm\u00f6nstren och principerna f\u00f6r respektive ramverk. Ramverket ringer dig, medan du ringer ett bibliotek.<\/p>\n JavaScript-ramverk best\u00e5r ofta av m\u00e5nga bibliotek. De har en h\u00f6g abstraktionsniv\u00e5 och en rad inbyggda funktioner, inklusive testning, mallbindning, databindning, AJAX-anrop eller h\u00e4ndelsehantering. H\u00e4r \u00e4r n\u00e5gra av de b\u00e4sta JavaScript-ramverken:<\/p>\n Tre stora ramverk styr JavaScript-v\u00e4rlden i popularitetskategorin, dvs Angular, Vue och React. Dessa ramverk \u00e4r det b\u00e4sta st\u00e4llet att b\u00f6rja l\u00e4ra sig ett ramverk f\u00f6r nya utvecklare. Det finns gott om l\u00e4rresurser.<\/p>\n En g\u00e5ng myntades som det mest popul\u00e4ra och b\u00e4sta javascript-ramverket samt det b\u00e4sta front-end-ramverket f\u00f6r JavaScript, hade Angular st\u00f6d fr\u00e5n Google s\u00e5v\u00e4l som fr\u00e5n en solid grupp f\u00f6retag och individer. Angulars senaste version sl\u00e4pptes 2016.<\/p>\n Vue.js \u00e4r ett progressivt JavaScript-ramverk som sl\u00e4pptes 2014 av Evan You vid en tidpunkt d\u00e5 han fortfarande var en del av Google-teamet. Vue.js, ett ramverk med \u00f6ppen k\u00e4llkod, har f\u00f6r\u00e4ndrats dramatiskt sedan 2014 och anses nu vara ett f\u00f6rfinat SPA.<\/p>\n Vues progressivitet g\u00f6r det till ett kraftfullt JavaScript-ramverk eftersom du kan l\u00e4gga till det i din applikation successivt. Det \u00e4r ett ramverk som enkelt kan blandas och matchas in i dina JS-projekt, en fantastisk funktion som b\u00e5de Angular och Ember saknar.<\/p>\n Funktioner som \u00e4r tillg\u00e4ngliga med Vue.js inkluderar mallar, komponenter, tv\u00e5v\u00e4gsdatabindning, reaktivitetsfokus och \u00f6verg\u00e5ngar.<\/p>\n Bootstrap \u00e4r ett front-end JavaScript-ramverk som skapades f\u00f6r dem som inte gillar design. Tidigare k\u00e4nd som Twitter Blueprint, Bootstrap marknadsf\u00f6r sig sj\u00e4lv som det b\u00e4sta JS-, HTML- och CSS-ramverket f\u00f6r mobila, responsiva projekt.<\/p>\n Mark Otto och Jacob Thornton, som var en del av Twitter vid den tiden, lanserade Bootstrap 2011. Det \u00e4r ett ramverk som m\u00e4nniskor som inte \u00e4r designers kan anv\u00e4nda f\u00f6r att utan st\u00f6rre anstr\u00e4ngning producera rimliga sajter och implementera responsiv design.<\/p>\n Bootstrap anv\u00e4nder JS-plugins och CSS-ikoner, stilar och komponenter. Plugins inkluderar bland annat modeller, varningar, rullgardinsmenyer och knappar.<\/p>\n Ett annat JS-ramverk med \u00f6ppen k\u00e4llkod, Ember.Js, \u00e4r ett byggverktyg utvecklat av Yehuda Katz som SproutCore 2.0 och sl\u00e4pptes 2011. Det har en inbyggd router och Ember Data. Ember.js anses vara en anpassningsbar, stel ram med fokus p\u00e5 konvention snarare \u00e4n konfiguration.<\/p>\n M\u00e5nga nya utvecklare k\u00e4nner sig avskr\u00e4ckta av erfarna utvecklare som h\u00e4vdar att JavaScript-arenan f\u00f6r\u00e4ndras f\u00f6r snabbt. Som ny utvecklare kan du h\u00f6ra klagom\u00e5l om hur det finns f\u00f6r m\u00e5nga JavaScript-bibliotek och ramverk som dyker upp f\u00f6r snabbt.<\/p>\n Ja, JavaScript-v\u00e4rlden \u00e4r en milj\u00f6 med h\u00f6gt tempo; det \u00e4r ingen id\u00e9 att f\u00f6rneka det uppenbara. Du beh\u00f6ver dock fortfarande l\u00e4ra dig ett ramverk om du vill komma in i JS-riket. Den h\u00e4r artikeln ger bara en snabb blick p\u00e5 den livliga v\u00e4rlden av JavaScript-bibliotek och ramverk.<\/p>\n G\u00e5 vidare till n\u00e4sta niv\u00e5 och v\u00e4lj ett ramverk och bibliotek och b\u00f6rja l\u00e4ra dig!<\/p>\n Om du gillade att l\u00e4sa den h\u00e4r artikeln om JavaScript-bibliotek, b\u00f6r du kolla in den h\u00e4r om WordPress-utvecklarl\u00f6n<\/a>.<\/p>\n Vi skrev ocks\u00e5 om n\u00e5gra relaterade \u00e4mnen som WordPress-utbildning<\/a>, konvertera HTML till WordPress<\/a>, b\u00e4sta kodredigerare<\/a> och Brackets-till\u00e4gg<\/a>.<\/p>\n![\"Viktiga](\"https:\/\/wordpress.mediadoma.com\/wp-content\/uploads\/2022\/01\/post-204142-61e8c7faeee9b.jpg\")
<\/a><\/p>\n\n
Vad \u00e4r ett JavaScript-bibliotek?<\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\n\n
Vad \u00e4r ett JavaScript-ramverk?<\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\nJavaScript-bibliotek<\/h3>\n
<\/a><\/p>\n\n
Reagera<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
jQuery<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
D3: Datadrivna dokument<\/a><\/h3>\n<\/li>\n<\/ol>\n
<\/a><\/p>\n\n
Understreck och Lodash<\/strong><\/h3>\n<\/li>\n<\/ol>\n
\n
Understreck<\/a><\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\n\n
Lodash<\/a><\/h3>\n<\/li>\n<\/ul>\n
<\/a><\/p>\nPopul\u00e4ra JavaScript-ramverk<\/strong><\/h3>\n
<\/a><\/p>\nDe tre stora av JavaScript-ramverk<\/h3>\n
\n
Vinkel<\/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>\nAvslutande tankar om JapaScript-bibliotek<\/strong><\/h3>\n