JavaScript er internets mest anvendte script-sprog på kundesiden. 88, 9% af alle hjemmesider og webapps bruger JavaScript i en form eller den anden til animationer, brugerinteraktioner, optimering af sidelasthastigheder og endda til sikkerhedsmæssige formål. JavaScript er også det mest populære sprog for GitHub repositories
Naturligvis har en sådan stor brugerbase Javascript masser af værktøjer til at forbedre din kode og gøre koden JS hurtigere og lettere. I dette indlæg vil vi diskutere de 10 bedste JavaScript rammer og biblioteker for 2015.
Forskellen mellem rammer og biblioteker
Ofte når man diskuterer nogen programmeringsrelateret teknologi, bruges ordene rammer og biblioteker ombytteligt. Der er dog en forskel mellem de to. Et bibliotek er en samling funktioner, som din kode kan ringe, når den har brug for dem. Biblioteker kan spare tid ved at levere præskriven kode til almindeligt anvendte funktioner.
En ramme er ofte en samling softwarebiblioteker, som giver en ordentlig, defineret grænseflade til applikationsprogrammering (dvs. oprettelse af apps). Rammer er forskellige fra biblioteker på grund af nogle unikke egenskaber som inversion af kontrol . Det betyder i grunden, at det samlede programmets strømstyrke i modsætning til i biblioteker eller normale brugerapplikationer ikke dikteres af den, der ringer op, men af rammen.
5 bedste JavaScript rammer
1. AngularJS
AngularJS er en open source web app udvikling ramme af Google, baseret på JavaScript. AngularJS har til formål at være for dynamiske webapplikationer, hvad HTML er for statiske websider. AngularJS udvider HTML, og har ekstremt kraftfulde funktioner som deep linking og validering af klientsideformularer uden ekstra JavaScript-kode. AngularJS giver også serverkommunikation, så du behøver ikke bekymre dig om at bruge mere software og dermed flere programmeringssprog til backend på din app.
Angular selv giver dig mulighed for at oprette nye HTML elementer, ved hjælp af en funktion kaldet direktiver. Komponenter er en af de mest nyttige funktioner i AngularJS. Brug af komponenter kan du oprette kode, der nemt kan genbruges. Det lader dig også skjule komplekse DOM strukturer, CSS og adfærd.
besøg hjemmeside2. Backbone.js
Et af 2015 mest populære rammer, Backbone.js, som navnet antyder, giver struktur til webapplikationer. Backbone bruger data repræsenteret i modeller . Modeller kan oprettes, valideres, ødelægges og gemmes på serveren. UI-handlinger forårsager ændringer af modellerne, og når dette sker, vises visningerne, der viser modelens tilstand, igen.
Du kan læse mere om, hvordan modeller, nøgleværdibindinger og visninger (som kan udføre deklarative hændelseshåndtering) kommer sammen til at danne Backbone API i deres dokumentation.
besøg hjemmeside
3. Ember.js
Ember.js indeholder styrede integrerede skabeloner, der automatisk opdateres, når de underliggende modeldata ændres. En af Embers mere kraftfulde funktioner er Components. Ved hjælp af, Komponenter kan du oprette dine egne appspecifikke HTML-tags, hvor du kan bruge styrbjælker til at oprette markeringen og Javascript til at implementere brugerdefineret adfærd.
Ember bruger jQuery til at hente datamodeller fra serveren, så hvis du kender jQuery, kan du nemt hente JSON, der er gemt på serveren.
besøg hjemmeside4. Knockout
Knockout er en MV (Model - View) JavaScript Framework, der specialiserer sig i let deklarative bindinger, automatisk UI opdatering (ved ændring i model tilstand) samt kraftfulde templating funktioner. Knockout er bygget på rent Javascript, uden eksterne afhængigheder. Det sker også med at arbejde på de fleste browsere, herunder virkelig uddaterede browsere som Internet Explorer (v6).
besøg hjemmeside5. Skel
Skel er en ekstremt let JavaScript-ramme. Den samlede størrelse er kun 24kb i modsætning til 39kb for AngularJS og 54kb for Knockout. Skel er perfekt egnet til at udvikle både webapplikationer og lydhøre websites. Det indeholder endda et CSS-netværkssystem, som du kan læse om på deres dokumentation. Skel har også nogle gode funktioner som normalisering af browser stilarter og API funktioner.
besøg hjemmeside5 bedste Javascript-biblioteker
1. jQuery
I dagens web, jQuery er at Javascript, hvad Javascript er for klientsiden scripting sprog. Den har en forbløffende 95% markedsandel sammenlignet med andre Javascript-biblioteker. jQuery bruges primært til animationer og enkle webstedseffekter, som transformerende elementer, skiftende CSS-egenskaber og udnyttelse af hændelseshåndtere.
Det faktum, at det er lille, fyldt med funktioner, let at komme i gang med og stadig klarer at give god ydeevne, gør jQuery til et hit med udviklere overalt. jQuery støtter endda brugeroprettede plugins. Det er utvivlsomt numero uno af Javascript-biblioteker.
besøg hjemmeside2. Modernizr
Efter jQuery er Modernizr det mest anvendte Javascript-bibliotek. Modernizrs job er at opdage, hvilke HTML- og CSS-teknologier din browser understøtter. Efter opdagelse skaber Modernizr et objekt med alle egenskaber gemt som booleske værdier. Det skaber derefter klasser i elementet for at forklare præcis, hvad der understøttes, og hvad der ikke er. Modernizr kan bruges sammen med stort set alt.
Derudover understøtter Modernizr også en script loader, så du kan bruge polyfills til at understøtte nogle aldrig funktionaliteter til en ældre browser.
besøg hjemmeside3. MooTools
MooTools er en samling af forskellige Javascript-biblioteker, der giver dig mulighed for at skrive fleksibel kode med større lethed ved hjælp af dens API'er. MooTools har omfattende dokumentation og et stort antal nyttige funktioner (Hændelseshåndtering, oprettelse af nye DOM-elementer, udvælgelse af DOM-elementer osv.), Hvilket gør det til et glimrende værktøj til webudvikling.
besøg hjemmeside4. YUI
YUI biblioteket er et open source CSS og Javascript bibliotek til front-end udvikling. YUI blev udviklet af Yahoo, men fra nu af er YUI-biblioteket ikke længere vedligeholdt. Den kan stadig downloades fra YUIs hjemmeside.
besøg hjemmeside5. Dojo
Dojo Toolkit består af flere Javascript-biblioteker, hvis hovedformål er at gøre det lettere at udvikle hjemmesider og webapplikationer. Dojo er lille og ekstremt hurtig. Det har også et widget bibliotek 'dijit' og en 2D vektor grafik API kaldet Dojo GFX, som lader dig udvikle sig uden at bekymre dig om din browser's indfødte grafiske teknologier.
besøg hjemmesideHvis du har nogle forslag til denne artikel, skal du lade det stå i kommentarerne nedenfor.
