Top 15 nuttige JavaScript-biblioteke om u webwerf te verbeter

Om 'n wonderlike webwerf te maak, is baie vaardighede nodig, maar jy hoef nie altyd alles van nuuts af te ontwikkel nie. Om enige van die JavaScript-biblioteke wat in hierdie artikel aangebied word, te gebruik, moet u ten minste 'n aantal bestaande JavaScript-vaardighede hê, maar u hoef ook nie noodwendig 'n kundige te wees nie.

Wat u wel kundig moet wees, is om uit te werk hoe u die biblioteke in 'n webwerf kan meng om die meeste voordeel daaruit te trek. Dit is nie regtig iets wat geleer kan word nie. Dit is 'n vaardigheid wat jy net kan leer deur te doen. As u eers die konsepte bemeester het, is daar geen beperking op u kreatiwiteit en wat u daarmee kan bereik nie.

Hier is 'n lys van die nuttigste JavaScript-biblioteke wat beskikbaar is vir programmeerders vir terreinverbetering. U gunsteling verskyn miskien nie hier nie, maar dit beteken nie dat dit nie aanbeveel word nie. In werklikheid kan enige JavaScript-biblioteek wat u help om iets wat die moeite werd is te bereik, nie ontslaan word nie. Maar met letterlik miljoene biblioteke om van te kies, moet ons êrens die streep trek.

1. jQuery

Dit is die beste om te begin met die voor die hand liggende. U gebruik hierdie biblioteek amper seker op een of ander manier, selfs as u dit nie reeds weet nie. In wese laat jQuery u makliker om op statiese webblaaie dinamiese dinge te doen as ander metodes, en hoef u nie aan die serverkant te programmering om die resultate te bereik nie. Dit beteken ook dat opdaterings vinniger kan plaasvind as met alternatiewe vir bedieners. Baie ander biblioteke bevat jQuery as 'n afhanklikheid, dus u sal dit waarskynlik op u bladsye moet opneem, selfs as u nie direk toegang tot die funksies het nie.

2. Prototipe

Dit kan op 'n manier as 'n mededinger van jQuery beskou word. Dit is nie noodwendig minderwaardig nie, maar dit word baie minder algemeen aanvaar. As u prototipe en jQuery saam gebruik, kan dit tot konflik lei, tensy u spesiale stappe doen om hierdie probleem te hanteer. Dit is die rede waarom u die afhanklikheid van die ander JavaScript-biblioteke wat u gebruik, moet ken.

3. Moderniseer

Hierdie biblioteek help om probleme met bladsyweergawe by ouer blaaiers wat HTML5 nie ten volle ondersteun nie, te oorkom. Alhoewel sulke blaaiers selde voorkom, vorm hulle steeds 'n deel van die landskap, en met Modernizr kan u help om die probleem op 'n doeltreffende manier te hanteer.

4. Skoenlus

In net ses kort jare het Bootstrap geweldige verspreiding regoor die wêreld van webontwikkeling bereik. Dit handel slegs oor UI-uitleg en komponentintegrasie, maar dit doen dit baie goed. U moet egter die standaardinstellings vir bykans alles verander, want dit is gebaseer op Twitterse kleurskema, wat nie die gebruikersvriendelikste vir gebruikersvlak is nie.

5. PDF.js

Jy weet dalk dat die PDF format is onderhewig aan sekere kwesbaarhede. Om hierdie probleem te omseil, is PDF.js geskep om PDF-inhoud in die HTML5 Canvas weer te gee. Dit beteken natuurlik ook dat dit net werk in 'n blaaier wat HTML5 en Canvas ondersteun.

6. JS-grafieke

'N Uitstekende biblioteek wat 'n eenvoudige maar kragtige grafiese kragopwekker bied, sodat u allerlei professionele grafieke vir u webwerf kan skep sonder om te veel tyd en moeite te belê. Die gratis weergawe is ewe kragtig in vergelyking met die betaalde weergawe, maar bevat 'n watermerk. As u 'n lisensie koop, word die watermerk verwyder.

7. Chart.js

Dit is 'n baie goeie, heeltemal gratis, ongemerkte alternatief vir JS Charts. Dit is maklik om te gebruik, goed gedokumenteer en kan op eindelose maniere aangepas word. Om dit te gebruik, is 'n bietjie meer JavaScript-vaardigheid nodig as JS Charts.

8. D3.js

Hierdie is 'n groter broer van die vorige twee voorbeelde, wat bedoel is vir liggewig gebruik. As u data in die groot ligas kraak, bied D3 u egter die gevorderde funksies wat u aanlynaanbieding na die volgende vlak kan neem. Enige vorm van data kan gevisualiseer word en op verskillende maniere uitgedruk word. Kyk net na die voorbeelde op die D3-webwerf om te sien wat u misgeloop het.

9. bHive

'N wonderlike grafiese raamwerk wat as revolutionêr aan die HTML5 Canvas soos Raphaël met HTML4 was. bHive laat jou toe om vinnig SVG-grafika, animasies te skep en selfs interaktiwiteit in te sluit wat op talle verskillende maniere gebruik kan word, soos eenvoudige speletjies en opvoedkundige toepassings.

10. Uilkarousel

Alhoewel oormatige gebruik van karrousels nie aangemoedig moet word nie, vir daardie tye wanneer jy regtig een moet gebruik, is Owl een van die mees aanbevole karrousel-inproppe wat ooit vir jQuery geskep is. Dit is versoenbaar met beide raakskerms en aanwystoestelle. Dit ondersteun swiep en sleep-en-drop. Dit is volledig aanpasbaar en is responsive by verstek.

11. Datum.js

Soms moet jy in staat wees om datum uit te drukformatioon op verskillende maniere om 'n webwerf konteks te gee. Die kenmerke van Date.js laat jou toe om net hierdie ding te doen, met 'n baie reguit sintaksis wat nie makliker kan wees om te leer nie.

13. Moment.js

Nog 'n datum formatting- en verwerkingsbiblioteek. Dit is 'n bietjie meer kompleks as Date.js, maar laat jou toe om sekere spesifieke berekeninge maklik te doen (isNa, isVoor, isSameOfNa, isSameOfBefore, isTussen, isLeapYear, isDatum, ensovoorts). Wanneer jy nie al die oorhoofse koste nodig het wat met hierdie ekstra kenmerke kom nie, gebruik eerder Date.js.

13. datum Drupper

As u 'n kalender- / datepicker-kontrole op u webwerf moet vertoon, is dateDropper die elegantste en eenvoudige oplossing wat ons nog ooit gesien het (en wat ons al baie gesien het). Dit is ook meer versoenbaar met mobiele koppelvlakke as baie van die ander oplossings daar buite.

13. Numeral.js

Doen vir getalle wat Date.js vir datums doen.

14. wVorms

WForms is 'n eenvoudige, maar nuttige biblioteek wat deur die Google Code-argief onderhou word, en maak dit maklik om algemene take wat met gebruikersinvoervorms verband hou, te verwerk. Dit sluit in-validering, hulpmiddelwenke en ander nuttige funksies.

15. sorteertabel

Sorteerbare tabelle bestaan ​​amper so lank as wat tabelle het (datatabelle, in elk geval). Maar met hierdie hand-JavaScript-biblioteek, kan u elke tafel maklik sorteerbaar maak deur slegs 'n klas by die tafel te voeg wanneer u dit skep, wat so eenvoudig is soos:

opskrif van hoofde met vergunning van Rogie