Egy nagyszerű oldal elkészítéséhez sok készségre van szükség, de nem kell mindig mindent teljesen a nulláról fejleszteni. A cikkben bemutatott JavaScript-könyvtárak bármelyikének használatához legalább néhány JavaScript-készséggel kell rendelkeznie, de nem feltétlenül kell szakértőnek lennie.
Amiben szakértőnek kell lenned, az az, hogy kidolgozd, hogyan keverheted a könyvtárakat egy webhelybe, hogy a lehető legtöbb hasznot hozd belőlük. Ezt nem igazán lehet tanítani. Ez egy olyan készség, amelyet csak cselekvéssel lehet megtanulni. Ha azonban már elsajátítottad a fogalmakat, kreativitásodnak és annak, amit el tudsz érni, nincs határa.
Az alábbiakban összegyűjtöttük a programozók számára webhelyfejlesztés céljából elérhető leghasznosabb JavaScript-könyvtárak listáját. Lehet, hogy nem látja itt kedvencét, de ez nem jelenti azt, hogy nem ajánlott. Valójában egyetlen JavaScript-könyvtárat sem lehet figyelmen kívül hagyni, amely segít valami értékes elérésében. De mivel szó szerint több millió könyvtár közül választhatunk, valahol meg kell húznunk a határt.
1. jQuery
A legjobb a nyilvánvalóval kezdeni. Szinte biztos, hogy valamilyen módon már használja ezt a könyvtárat, még akkor is, ha még nem ismeri. Lényegében a jQuery lehetővé teszi, hogy más módszereknél könnyebben végezzen dinamikus dolgokat statikus weboldalakon, és nincs szükség szerveroldali programozásra az eredmények eléréséhez. Ez azt is jelenti, hogy a frissítések gyorsabban megtörténhetnek, mint a szerveroldali alternatívák esetében. Sok más könyvtár tartalmazza a jQuery-t függőségként, így valószínűleg akkor is be kell építenie az oldalaiba, ha nem fér hozzá közvetlenül a funkcióihoz.
2. Prototípus
Ez bizonyos értelemben a jQuery versenytársának tekinthető. Nem feltétlenül rosszabb, de sokkal kevésbé széles körben elfogadott. A prototípus és a jQuery együttes használata konfliktusokhoz vezethet, hacsak nem tesz speciális lépéseket a probléma kezelésére. Ez az oka annak, hogy ismernie kell a többi használt JavaScript-könyvtár függőségét.
3. Modernizálni
Ez a könyvtár segít leküzdeni az oldalmegjelenítéssel kapcsolatos problémákat olyan régebbi böngészőkben, amelyek nem támogatják teljes mértékben a HTML5-öt. Bár az ilyen böngészőkkel egyre ritkábban találkozunk, még mindig a környezet részét képezik, és a Modernizr segítségével hatékonyan kezelheti a problémát.
4. Bootstrap
Mindössze hat rövid év alatt a Bootstrap óriási terjedést ért el a webfejlesztés egész világában. Kizárólag a felhasználói felület elrendezésével és az összetevők integrációjával foglalkozik, de ezt nagyon jól teszi. Szinte mindennél módosítania kell az alapértelmezett beállításokat, mivel ezek a következőkön alapulnak Twitterszínséma, amely nem a legfelhasználóbarátabb felhasználói felület.
5. PDF.js
Lehet tudni, hogy a PDF format bizonyos sérülékenységeknek van kitéve. A probléma megkerülésére a PDF.js fájlt a PDF-tartalom HTML5 vászonba való megjelenítésére hozták létre. Ez nyilvánvalóan azt is jelenti, hogy csak olyan böngészőben működik, amely támogatja a HTML5-öt és a Canvast.
6. JS diagramok
Kiváló könyvtár, amely egy egyszerű, de hatékony grafikongenerátort biztosít, így mindenféle professzionális megjelenésű diagramot hozhat létre webhelyéhez anélkül, hogy túl sok időt és erőfeszítést költene rá. Az ingyenes verzió ugyanolyan erős, mint a fizetős verzió, de tartalmaz egy vízjelet. A licenc megvásárlása eltávolítja ezt a vízjelet.
7. Chart.js
Ez egy igazán jó, teljesen ingyenes, vízjel nélküli alternatíva a JS Charts-hoz. Könnyen használható, jól dokumentált, és végtelenül testreszabható. Használata egy kicsit több JavaScript-készséget igényel, mint a JS Charts.
8. D3.js
Ez egy nagyobb testvér az előző két példához, amelyek könnyű használatra készültek. Ha azonban a nagy ligákban keresi az adatokat, a D3 olyan fejlett funkciókat kínál, amelyekkel az online prezentációt a következő szintre emelheti. Bármilyen adat megdöbbentően sokféleképpen megjeleníthető és kifejezhető. Csak nézze meg a példákat a D3 webhelyén, hogy megtudja, miről maradt le.
9. bHive
Egy nagyszerű grafikus keretrendszer, ami pl revoluta HTML5 Canvashoz hasonlóan Raphaël volt a HTML4-hez. A bHive lehetővé teszi, hogy gyorsan készítsen SVG grafikákat, animációkat, és még interaktivitást is beépíthet, amely számos különféle módon használható, mint például egyszerű játékok és oktatási alkalmazások.
10. Bagoly körhinta
Bár a karusszelek túlzott használatát nem szabad bátorítani, azokra az időkre, amikor valóban szüksége van rá, az Owl az egyik leginkább ajánlott körhinta beépülő modul, amelyet valaha készítettek a jQuery számára. Érintőképernyőkkel és mutatóeszközökkel egyaránt kompatibilis. Támogatja a csúsztatást és a drag-n-drop funkciót. Teljesen testreszabható, és az is responsive alapértelmezés szerint.
11. Date.js
Néha képesnek kell lennie arra, hogy kifejezze a dátumotformatkülönböző módokon megadni a webhely kontextusát. A Date.js szolgáltatásai éppen ezt teszik lehetővé, egy nagyon egyszerű szintaxis használatával, amelyet nem is lehetne könnyebben megtanulni.
13. Moment.js
Újabb randevú formatting és feldolgozó könyvtár. Ez egy kicsit bonyolultabb, mint a Date.js, de lehetővé teszi bizonyos konkrét számítások egyszerű elvégzését (isAfter, isBefore, isSameOrAfter, isSameOrBefore, isBetween, isLeapYear, isDate és így tovább). Ha nincs szüksége az ezekkel az extra funkciókkal járó összes költségre, használja helyette a Date.js fájlt.
13. dateDropper
Ha meg kell jelenítenie egy naptár/dátumválasztó vezérlőt a webhelyén, a dateDropper a legelegánsabb és legegyszerűbb megoldás, amit valaha láttunk (és sokat láttunk). A mobil interfészekkel is jobban kompatibilis, mint sok más megoldás.
13. Numeral.js
A Date.js a számokhoz ugyanazt teszi, mint a dátumokhoz.
14. wForms
Egy egyszerű, de hasznos könyvtár, amelyet a Google Code archívum tart fenn, a wForms megkönnyíti a felhasználói beviteli űrlapokkal kapcsolatos gyakori feladatok elvégzését. Ezek közé tartozik a bevitel érvényesítése, az eszköztippek és egyéb hasznos szolgáltatások.
15. sortTable
A rendezhető táblázatok majdnem olyan régóta léteznek, mint a táblák (adattáblázatok egyébként). Ezzel a kézi JavaScript-könyvtárral azonban bármilyen táblázatot egyszerűen rendezhetővé tehet, ha létrehozásakor hozzáad egy osztályt a táblázathoz, ami olyan egyszerű, mint:
fejléckép jóvoltából Rogie
Hozzászólások 0 válaszok