JavaScript je internetni najpogostejši skriptni jezik na strani odjemalca. 88, 9% vseh spletnih mest in spletnih aplikacij uporablja JavaScript v eni ali drugi obliki za animacije, interakcije uporabnikov, optimizacijo hitrosti nalaganja strani in celo za varnostne namene. JavaScript je tudi najbolj priljubljen jezik za repozitorije GitHub
Seveda, s tako veliko bazo uporabnikov ima Javascript na voljo veliko orodij za izboljšanje kode in na splošno hitrejše in lažje kodiranje JS. V tem delu bomo razpravljali o 10 najboljših okvirih JavaScript in knjižnicah za leto 2015.
Razlika med okviri in knjižnicami
Pogosto se pri razpravljanju o programski tehnologiji besedi Okvirji in knjižnice uporabljata izmenično. Vendar pa obstaja razlika med obema. Knjižnica je zbirka funkcij, ki jih lahko kodo kliče, kadar koli jih potrebuje. Knjižnice lahko prihranijo veliko časa tako, da zagotovijo vnaprej napisano kodo za pogosto uporabljene funkcije.
Okvir je pogosto zbirka knjižnic programske opreme, ki zagotavljajo ustrezen, definiran vmesnik za programiranje aplikacij (tj. Ustvarjanje aplikacij). Okvirji se razlikujejo od knjižnic zaradi nekaterih edinstvenih funkcij, kot je inverzija nadzora . To v bistvu pomeni, da v okviru, za razliko od knjižnic ali običajnih uporabniških aplikacij, celoten programski tok nadzora ne narekuje klicatelj, temveč okvir.
5 najboljših okvirov JavaScript
1. AngularJS
AngularJS je Googlov okvir za razvoj spletnih aplikacij odprte kode, ki temelji na JavaScriptu. AngularJS želi biti za dinamične spletne aplikacije, kaj je HTML za statične spletne strani. AngularJS razširja HTML in ima izjemno zmogljive funkcije, kot je globoko povezovanje in preverjanje obrazcev na strani odjemalca brez dodatne kode JavaScript. AngularJS nudi tudi strežniško komunikacijo, tako da vam ni treba skrbeti za uporabo več programske opreme in s tem več programskih jezikov za backend aplikacije.
Angular vam celo omogoča ustvarjanje novih elementov HTML z uporabo funkcije, imenovane direktive. Komponente so ena izmed najbolj uporabnih funkcij sistema AngularJS. Z uporabo komponent lahko ustvarite kodo, ki jo je mogoče zlahka ponovno uporabiti. Prav tako vam omogoča, da skrijete kompleksne strukture DOM, CSS in vedenja.
Obiščite spletno mesto2. Backbone.js
Eden od najbolj priljubljenih ogrodij 2015, Backbone.js, kot že ime pove, daje strukturo spletnim aplikacijam. Backbone uporablja podatke, predstavljene v modelih . Modele je mogoče ustvariti, preveriti, uničiti in shraniti na strežnik. Dejavnosti uporabniškega vmesnika povzročijo spremembe modelov in ko se to zgodi, se prikazi, ki prikazujejo stanje modelov, ponovno prikažejo.
Več o tem, kako so modeli, vezi in ključa in pogledi (ki lahko opravljajo deklarativno ravnanje z dogodki), preberete v svoji dokumentaciji.
Obiščite spletno mesto
3. Ember.js
Funkcije Ember.js Ročice vgrajene predloge, ki se samodejno posodabljajo, ko se spremenijo osnovni podatki modela. Ena od močnejših funkcij Emberja je Components. Z uporabo komponent Komponente lahko ustvarite lastne HTML oznake, specifične za aplikacijo, kjer lahko uporabite krmilna orodja za ustvarjanje oznake in Javascripta za izvajanje prilagojenega vedenja.
Ember uporablja jQuery za pridobivanje podatkovnih modelov iz strežnika, tako da, če veste, jQuery, lahko preprosto pridobite JSON, shranjeno na strežniku.
Obiščite spletno mesto4. Knockout
Knockout je Javascript ogrodje modela MV (model - pogled), ki je specializirano za preprosto deklarativno vezavo, avtomatsko posodabljanje uporabniškega vmesnika (o spremembi stanja modela) in zmogljive funkcije za oblikovanje templjev. Knockout je zgrajen na čistih Javascriptih, brez zunanjih odvisnosti. Prav tako se zgodi, da dela na večini brskalnikov, vključno z resnično zastarelimi brskalniki, kot je Internet Explorer (v6).
Obiščite spletno mesto5. Skel
Skel je izjemno lahek Javascript okvir. Njegova skupna velikost je le 24kb v primerjavi z 39kb za AngularJS in 54kb za Knockout. Skel je popolnoma primeren za razvoj tako spletnih aplikacij kot odzivnih spletnih strani. Vključuje celo mrežni sistem CSS, o katerem lahko preberete v njihovi dokumentaciji. Skel ima tudi nekaj odličnih funkcij, kot je normalizacija slogov brskalnika in funkcije API.
Obiščite spletno mesto5 najboljših Javascript knjižnic
1. jQuery
V današnjem spletu, jQuery je za Javascript, kaj Javascript je na strani odjemalca skriptnih jezikov. Ima 95-odstotni tržni delež v primerjavi z drugimi knjižnicami Javascript. jQuery se uporablja predvsem za animacije in preproste učinke spletnega mesta, kot so preoblikovanje elementov, spreminjanje lastnosti CSS in uporaba obdelovalcev dogodkov.
Dejstvo, da je majhno, opremljeno s funkcijami, zlahka začeti z njim in še vedno zagotavlja odlične zmogljivosti, naredi jQuery hit vsem razvijalcem. jQuery celo podpira uporabniško ustvarjene vtičnike. To je nedvomno številčno število Javascript knjižnic.
Obiščite spletno mesto2. Modernizr
Po jQuery je Modernizr najbolj uporabljena knjižnica Javascript. Modernizr-jeva naloga je odkriti, katere HTML in CSS tehnologije podpira vaš brskalnik. Modernizr po odkrivanju ustvari objekt z vsemi lastnostmi, ki so shranjene kot Boolove vrednosti. Nato v elementu ustvari razrede, ki pojasnjujejo, kaj je podprto in kaj ni. Modernizr se lahko uporablja skupaj s skoraj vsem.
Poleg tega Modernizr podpira tudi nalagalnik skriptov, tako da lahko polifill uporabite za podporo nekaterim nikoli funkcionalnostim starejšega brskalnika.
Obiščite spletno mesto3. MooTools
MooTools je zbirka različnih knjižnic Javascript, ki vam omogoča lažje pisanje prožne kode z uporabo API-jev. MooTools ima obsežno dokumentacijo in veliko število uporabnih funkcij (manipulatorji dogodkov, ustvarjanje novih DOM elementov, izbor elementov DOM, itd.), Zaradi česar je odlično orodje za razvoj spletnih strani.
Obiščite spletno mesto4. YUI
Knjižnica YUI je odprta koda CSS in knjižnica Javascript za razvoj front-end. YUI je razvil Yahoo, zdaj pa se knjižnica YUI ne vzdržuje več. Še vedno lahko prenesete s spletne strani YUI.
Obiščite spletno mesto5. Dojo
Dojo Toolkit sestavlja več Javascript knjižnic, katerih glavni cilj je olajšati razvoj spletnih strani in spletnih aplikacij. Dojo je majhen in izjemno hiter. Prav tako ima knjižnico gradnikov "dijit" in 2D API za vektorsko grafiko, imenovano Dojo GFX, ki vam omogoča, da se razvijate, ne da bi vas skrbelo, da so brskalniške izvorne grafične tehnologije.
Obiščite spletno mestoČe imate kakšne predloge v zvezi s tem členom, ga pustite v komentarjih spodaj.