Programovanie

3 knižnice JavaScript, ktoré nahradia jQuery

Zjednodušujúca úlohy, ako je prechod dokumentov HTML, animácie a manipulácia s udalosťami, zmenila rázna knižnica JavaQuery JavaScript vzhľad webového vývoja. Podľa prieskumníka webových technológií W3Techs sa jQuery v máji 2019 stále používa na 74 percent známych webových stránok. Napriek tomu sa na knižnicu jQuery, ktorá mala debut v auguste 2006, niektorí vývojári teraz pozerajú ako na staršiu technológiu, ktorej čas uplynul.

V posledných rokoch sa objavili alternatívy k jQuery, napríklad knižnica Cash alebo dokonca iba moderný vanilkový JavaScript, keď teraz všetky webové prehľadávače pracujú s JavaScriptom rovnako a na riešenie problémov s kompatibilitou už nie je potrebný jQuery. Argumenty týkajúce sa Redditu a videí na YouTube poukazujú na to, že jQuery už zastaral, alebo aspoň nie je taký zásadný, ako tomu bolo kedysi.

Prečo už nie je jQuery potrebný

V jednej prezentácii na YouTube „Je jQuery stále relevantný v roku 2018?“, Pedagóg vývoja webových stránok Brad Traversy uznáva, že jQuery je pravdepodobne najlepšie zovšeobecnená knižnica JavaScriptu, aká bola kedy vytvorená. Je ľahké sa ho naučiť, kompatibilný s rôznymi prehliadačmi, stručnejší ako starší vanilkový JavaScript a bohatý na doplnky, ktoré ponúkajú špecifické funkcie. Ale JavaScript pokročil už ďaleko od ECMAScript 6 a jQuery už nie je v mnohých situáciách potrebný, uzatvára Traversy.

V ďalšom videu pedagóg kódovania Kenneth Lowrey tvrdí, že plynulé ovládanie jQuery je strata času. V súčasnom prostredí vývoja webových aplikácií moderné prehliadače väčšinou pracujú s jazykom JavaScript rovnako. Vo väčšine prípadov je natívny kód JavaScript lepší ako „nadupaná stará knižnica ako jQuery“, hovorí.

Zatiaľ čo jQuery bol výberom na vytváranie požiadaviek HTTP, napríklad ECMAScript 6 priniesol Fetch, sľúbené API, ktoré uľahčuje požiadavky HTTP. A pokrok sa nezastaví pri protokole HTTP. Tam, kde má jQuery obslužné programy pre úlohy, ako je manipulácia s poľami, vylepšil vanilkový JavaScript teraz vylepšenia aj pre tieto operácie.

Animácie sú s vanilkovým JavaScriptom stále zložitejšie ako jQuery, existujú však aj ďalšie možnosti, ako sú prechody CSS alebo kľúčové snímky, upozorňuje Traversy. Knižnicu GreenSock od iného výrobcu možno použiť aj na animácie. Pokiaľ ide o manipuláciu s DOM, úlohu, ktorú kedysi ovládal jQuery, natívne API prehliadača vyplnili medzeru.

Pre úlohy, ktoré sa nedajú vykonať vo vanilkovom JavaScripte, odporúča Traversy špecializované knižnice namiesto zovšeobecnenej knižnice ako jQuery. Traversy tiež odporúča používať rámce JavaScriptu ako React, Angular alebo Vue pre stredne veľké a veľké aplikácie. Traversy stále odporúča jQuery na použitie na jednoduchých stránkach bez rámca.

alternatívy jQuery

Čo by ste mali použiť namiesto jQuery? Okrem moderného vanilkového JavaScriptu obsahuje krátky zoznam alternatív jQuery aj Cash, Zepto a Syncfusion Essential JS 2. Cash a Zepto sú open source knižnice JavaScriptu dostupné na základe licencie MIT. Syncfusion Essential JS 2 je komerčný produkt.

Hotovosť

Hotovosť má na GitHube viac ako 3 570 hviezdičiek. Cash, ktorý je označovaný ako „absurdne malá alternatíva jQuery“ pre moderné prehliadače, má syntax syntaxe v štýle jQuery na manipuláciu s DOM a bez komprimácie zaberá 32 kB priestoru. Cash podporuje funkcie vrátane udalostí s menným priestorom, typov TypeScript a moderných verzií. Hotovosť si môžete stiahnuť z GitHubu.

Zepto

Zepto je popisované ako „minimalistická knižnica JavaScriptu s rozhraním API kompatibilným s prevažne jQuery“. Vývojári, ktorí poznajú jQuery, už vedia, ako používať Zepto, jeho tvorcovia ďalej hovoria. Zepto má byť oveľa menšie a rýchlejšie načítateľné ako jQuery. Môže pracovať so sadou nástrojov PhoneGap pre mobilné a stolové prehliadače. Zepto si môžete stiahnuť z webovej stránky projektu.

Syncfusion Essential JS 2

Syncfusion Essential JS 2 je komerčne licencovaná knižnica ovládacích prvkov používateľského rozhrania JavaScriptu napísaná v stroji TypeScript. Ako alternatíva k knižnici používateľského rozhrania jQuery slúži Syncfusion ako nenáročná, ľahká a modulárna knižnica na zdokonalenie webových aplikácií. Syncfusion podporuje rámce vrátane Angular, React a Vue. Môžete si kúpiť Syncfusion Essential JS 2 alebo si stiahnuť bezplatnú skúšobnú verziu z webovej stránky Syncfusion. Kompletný zdrojový kód, testovacie súbory jednotiek, testovacie skripty a živé ukážky sú k dispozícii na GitHub.

$config[zx-auto] not found$config[zx-overlay] not found