Jak używać jQuery

W dzisiejszym artykule podzielę się z Wami refleksjami na temat używania biblioteki jQuery. Zapewne nie ma web dewelopera, który nie spotkałby się z tą użyteczną biblioteką. Jednak ma ona dwie wady, o których chciałbym wspomnieć w tym wpisie.

jQuery jest biblioteką napisaną w JavaScript, która służy do szybkiego tworzenia dynamicznej obsługi stron www. Dzięki jQuery obsługa zdarzeń, czy też interakcja z serwerem poprzez XHR staje się możliwa bez większego wkładu pracy. jQuery robi za nas większość, a budowa aplikacji przypomina nieco układanie klocków. Przykładowo utworzenie płynnie wysuwającego się elementu nie wymaga stosowania jakichkolwiek instrukcji. Wystarczy na wybranym elemencie DOM wykonać metodę toggle, co jak widać na poniższym przykładzie sprowadza się do napisania jednej krótkiej linii kodu:

$('.element').toggle('slow');

Waga jQuery

Waga pliku z biblioteką w wersji 3.6.1 już ze zminimalizowanym kodem to 87 KB. Wydaje się, że to nie wiele jak na tak dużą bibliotekę, ale gdy dołożymy kolejne wtyczki, których będziemy używać na stronie + pliki ze stylami CSS tych wtyczek, to mamy już konkretne kilkaset KB do pobrania, a to przekłada się na prędkość ładowania strony. Odrębna sprawa to korzystanie z jQuery tylko po to, by mieć "fajnie wysuwany" przycisk Facebooka itp. lub tylko po to, by wymieniać dane z serwerem poprzez XHR, gdzie w czystym JavaScript kod odpowiadający za to może ważyć niecałe 2 KB.

Uzależnienie od jQuery

Biblioteka jQuery swoją bogatą funkcjonalnością sprawia, że spora część web deweloperów stosuje ją dosłownie zawsze kiedy jest potrzeba użycia JavaScript, co moim zdaniem jest niezbyt praktyczne, ponieważ tylko niepotrzebnie obciążamy tym stronę.
Mówiąć wprost jQuery "uzależnia" i sprawia, że często idziemy na łatwiznę świadomie, ale niepotrzebnie obciążając strony.

Wniosek

jQuery jest bardzo potężnym i bardzo użytecznym narzędziem w znaczny sposób ułatwiającym pracę web deweloperom. Jednak korzystanie z tego narzędzia w sposób nieprzemyślany i nagminne stosowanie go w projektach, gdzie lepszym sposobem byłoby napisanie dedykowanego rozwiązania jest niezbyt trafne.

Jakie jest Wasze zdanie na ten temat?

Komentarze

Prześlij komentarz

Dzięki za komentarz!

Popular

[HTML] Jak wstawić obrazek?

Cześć! Jesteś tu zapewne dlatego, bo nie wiesz jak wstawić zdjęcie na stronę. W tym wpisie nauczysz się wstawiać obrazek na stronę www zarówno jako tylko obrazek, ale też obrazek jako klikalny odnośnik. Przejdźmy zatem do nauki... Wstawianie obrazka Do wstawiania grafiki na stronę służy znacznik img z atrybutami src oraz alt . Atrybutem wymaganym jest src - adres źródłowy (adres grafiki, którą chcemy wstawić na stronę). Atrybut alt - zawiera tekst alternatywny, który zostanie wyświetlony, gdy wczytanie obrazka się nie powiedzie. Podsumowując, aby wstawić zdjęcie piszemy następujący fragment kodu: <img src="images/flower.jpg" alt="Kwiatek" /> Link z obrazkiem A teraz połączenie odnośnika z obrazkiem, czyli zastąpienie tekstu w linku zdjęciem: <a href="https://www.ukodowani.pl"><img src="images/banner.jpg" alt="ukodowani.pl" /></a> Możesz również ustawić zdjęcie jako tło . Jeśli chcesz dowiedzieć się j
Czytaj więcej

[C++] Jak obliczyć pole i obwód trapezu?

Przed napisaniem programu obliczającego pole i obwód trapezu, przypomnij sobie wzory. Pole trapezu liczymy według wzoru P=((a+b)*h)/2. Wzór na obwód Ob=a+b+c+d. Obliczając pole trapezu musimy znać rozmiary dwóch podstaw i wysokości. Obliczamy pole trapezu #include <iostream> using namespace std; int main() { int a; int b; int h; double p; cout << "Podaj długość podstawy a: "; cin >> a; cout << "Podaj długość podstawy b: "; cin >> b; cout << "Podaj wysokość: "; cin >> h; if(cin.good() == true) { p = ((a + b) * h) / 2.0; cout << "Pole trapezu wynosi: " << p; } return 0; } Obliczamy obwód trapezu #include <iostream> using namespace std; int main() { int a, b, c, d, ob; cout << "Podaj długość boku a: "; cin >> a; cout << "Podaj długość boku b: "; cin >> b; cout << "Podaj długość boku c: "; cin >> c;
Czytaj więcej

[PHP] Jak pobrać adres strony?

Gdy zajdzie potrzeba pobrania adresu strony, na której użytkownik aktualnie się znajduje, posłużyć się można do tego celu tablicą $_SERVER z kluczem 'SERVER_NAME'. Pobranie adresu strony, na której znajduje się użytkownik sprowadza się dosłownie do połączenia dwóch elementów tablicy $_SERVER: SERVER_NAME oraz REQUEST_URI . Element o kluczu 'SERVER_NAME' zawiera nazwę hosta serwera, na którym wykonywany jest skrypt, a element z kluczem 'REQUEST_URI' pobiera wszystko to, co zostało wpisane po nazwie domeny np. '/index.php'. Tak więc, aby wyświetlić adres strony lub adres do skryptu, łączymy te dwa elementy: echo $_SERVER['SERVER_NAME'] . $_SERVER['REQUEST_URI']; Powyższy przykład wyświetli nam URL, pod którym aktualnie się znajdujemy, ale bez przedrostka http/https. Aby do ciągu z URL'em dołączana była nazwa protokołu, musimy użyć jeszcze jednego elementu tablicy $_SERVER, a mianowicie HTTPS , który nie będzie pusty, jeśli żądanie
Czytaj więcej