Stworzenie świetnej witryny wymaga wielu umiejętności, ale nie zawsze trzeba tworzyć wszystko od zera. Aby korzystać z którejkolwiek z bibliotek JavaScript przedstawionych w tym artykule, musisz posiadać przynajmniej pewne umiejętności związane z JavaScriptem, ale nie musisz też być ekspertem.
Trzeba być ekspertem, jeśli chodzi o połączenie bibliotek w witrynę, aby uzyskać z nich jak największe korzyści. To naprawdę nie jest coś, czego można się nauczyć. To umiejętność, której możesz się nauczyć tylko poprzez praktykę. Kiedy jednak opanujesz te koncepcje, Twoja kreatywność i to, co możesz dzięki niej osiągnąć, będą nieograniczone.
Tutaj zebrano naszą listę najbardziej przydatnych bibliotek JavaScript dostępnych dla programistów w celu ulepszenia witryny. Być może nie widzisz tutaj swojego faworyta, ale to nie znaczy, że nie jest on zalecany. Tak naprawdę nie można odrzucić żadnej biblioteki JavaScript, która pomaga osiągnąć coś wartościowego. Ale mając dosłownie miliony bibliotek do wyboru, musimy gdzieś wytyczyć granicę.
1. jQuery
Najlepiej zacząć od oczywistości. Prawie na pewno już w jakiś sposób korzystasz z tej biblioteki, nawet jeśli jeszcze o tym nie wiesz. Zasadniczo jQuery umożliwia łatwiejsze wykonywanie dynamicznych operacji na statycznych stronach internetowych niż inne metody i nie wymaga programowania po stronie serwera, aby osiągnąć rezultaty. Oznacza to również, że aktualizacje mogą odbywać się szybciej niż w przypadku alternatywnych rozwiązań po stronie serwera. Wiele innych bibliotek zawiera jQuery jako zależność, więc prawdopodobnie będziesz musiał włączyć go na swoich stronach, nawet jeśli nie będziesz mieć bezpośredniego dostępu do jego funkcji.
2. Prototyp
W pewnym sensie można to uznać za konkurencję dla jQuery. Niekoniecznie jest gorszy, ale jest znacznie mniej powszechnie stosowany. Używanie prototype i jQuery razem może prowadzić do konfliktów, chyba że podejmiesz specjalne kroki, aby uporać się z tym problemem. Dlatego musisz znać zależności w innych bibliotekach JavaScript, których używasz.
3. Modernizra
Ta biblioteka pomaga przezwyciężyć problemy z renderowaniem stron w starszych przeglądarkach, które nie obsługują w pełni HTML5. Chociaż takie przeglądarki są coraz rzadsze, nadal stanowią część krajobrazu, a posiadanie Modernizra może pomóc w skutecznym rozwiązaniu problemu.
4. Bootstrap
W ciągu zaledwie sześciu lat Bootstrap osiągnął ogromną popularność w świecie tworzenia stron internetowych. Zajmuje się wyłącznie układem interfejsu użytkownika i integracją komponentów, ale robi to bardzo dobrze. Będziesz jednak musiał zmodyfikować ustawienia domyślne dla prawie wszystkiego, ponieważ są one oparte na Twitterschemat kolorów, który nie jest najbardziej przyjaznym interfejsem użytkownika.
5. PDF.js
Być może wiesz, że plik PDF format jest obarczony pewnymi lukami w zabezpieczeniach. Aby obejść ten problem, utworzono plik PDF.js, który renderuje zawartość PDF do kanwy HTML5. Oczywiście oznacza to również, że działa tylko w przeglądarce obsługującej HTML5 i Canvas.
6. Wykresy JS
Doskonała biblioteka zapewniająca prosty, ale wydajny generator wykresów, dzięki któremu możesz tworzyć wszelkiego rodzaju profesjonalnie wyglądające wykresy dla swojej witryny bez inwestowania zbyt dużej ilości czasu i wysiłku. Wersja bezpłatna jest równie wydajna w porównaniu z wersją płatną, ale zawiera znak wodny. Zakup licencji usuwa ten znak wodny.
7. Chart.js
To naprawdę dobra, całkowicie darmowa i pozbawiona znaku wodnego alternatywa dla JS Charts. Jest łatwy w użyciu, dobrze udokumentowany i można go dostosowywać na nieskończone sposoby. Korzystanie z niego wymaga nieco większych umiejętności JavaScript niż JS Charts.
8. D3.js
Jest to większy brat poprzednich dwóch przykładów, które są przeznaczone do lekkich zastosowań. Jeśli jednak przetwarzasz dane w dużych ligach, D3 oferuje zaawansowane funkcje, które mogą przenieść Twoją prezentację online na wyższy poziom. Wszelkiego rodzaju dane można wizualizować i wyrażać na oszałamiającą liczbę sposobów. Po prostu sprawdź przykłady na stronie D3, aby zobaczyć, co przegapiłeś.
9. bUl
Świetny framework graficzny, jaki jest revolutzależny od HTML5 Canvas, tak jak Raphaël był związany z HTML4. bHive umożliwia szybkie tworzenie grafiki SVG, animacji, a nawet włączanie elementów interaktywnych, które można wykorzystać na wiele różnych sposobów, np. w prostych grach i aplikacjach edukacyjnych.
10. Karuzela Sowa
Chociaż nie należy zachęcać do nadmiernego używania karuzel, w sytuacjach, gdy naprawdę musisz z nich skorzystać, Owl jest jedną z najbardziej polecanych wtyczek karuzelowych, jakie kiedykolwiek stworzono dla jQuery. Jest kompatybilny zarówno z ekranami dotykowymi, jak i urządzeniami wskazującymi. Obsługuje przesuwanie i przeciąganie i upuszczanie. Jest w pełni konfigurowalny i tak jest responsive domyślnie.
11. Data.js
Czasami trzeba umieć wyrazić datę wformatna różne sposoby, aby nadać kontekst witrynie. Funkcje Date.js pozwalają Ci zrobić właśnie to, używając bardzo prostej składni, której nie można łatwiej się nauczyć.
13. Moment.js
Kolejna randka formatbiblioteka ting i przetwarzania. Jest trochę bardziej skomplikowany niż Date.js, ale umożliwia łatwe wykonywanie określonych obliczeń (isAfter, isBefore, isSameOrAfter, isSameOrBefore, isBetween, isLeapYear, isDate itd.). Jeśli nie potrzebujesz całego obciążenia związanego z tymi dodatkowymi funkcjami, użyj zamiast tego Date.js.
13. DataDropper
Jeśli chcesz wyświetlić w swojej witrynie kontrolkę kalendarza/datepickera, dateDropper jest najbardziej eleganckim i prostym rozwiązaniem, jakie kiedykolwiek widzieliśmy (a widzieliśmy wiele). Jest także bardziej kompatybilny z interfejsami mobilnymi niż wiele innych dostępnych rozwiązań.
13. Numer.js
Robi dla liczb to samo, co Date.js robi dla dat.
14. wFormularze
Prosta, ale użyteczna biblioteka utrzymywana w archiwum Google Code, wForms, ułatwia wykonywanie typowych zadań związanych z formularzami wejściowymi użytkownika. Obejmują one sprawdzanie poprawności danych wejściowych, podpowiedzi dotyczące narzędzi i inne przydatne funkcje.
15. sortTable
Tabele z możliwością sortowania istnieją już prawie tak długo, jak tabele (w każdym razie tabele danych). Ale dzięki tej ręcznej bibliotece JavaScript możesz łatwo sortować dowolną tabelę, po prostu dodając klasę do tabeli podczas jej tworzenia, co jest tak proste, jak:
obraz nagłówka dzięki uprzejmości Rogie
Komentarze Odpowiedzi 0