Programiranje

3 knjižnice JavaScript za zamenjavo jQuery

Poenostavljena opravila, kot so prehod dokumentov HTML, animacija in obdelava dogodkov, je stalna knjižnica jQuery JavaScript spremenila videz spletnega razvoja. Od maja 2019 je jQuery še vedno v uporabi na 74 odstotkih znanih spletnih mest, pravi anketar W3Techs. Kljub temu knjižnico jQuery, ki je bila predstavljena avgusta 2006, nekateri razvijalci zdaj gledajo kot na starejšo tehnologijo, ki je pretekla.

V zadnjih letih so se pojavile alternative za jQuery, na primer knjižnica Cash ali celo samo sodobni vanilijev JavaScript, zdaj ko vsi spletni brskalniki JavaScript obravnavajo na enak način in jQuery ni več potreben za reševanje težav z združljivostjo. Argumenti na Redditu in videoposnetki na YouTubu dokazujejo, da je jQuery zastarel ali vsaj ni tako pomemben kot nekoč.

Zakaj jQuery ni več potreben

V eni od predstavitev na YouTubu »Ali je jQuery še vedno pomemben v letu 2018?« Vzgojitelj spletnega razvoja Brad Traversy priznava, da je jQuery verjetno najbolje posplošena knjižnica JavaScript, ki je bila kdajkoli ustvarjena. Je enostaven za učenje, združljiv z več brskalniki, bolj jedrnat kot starejši vanilijev JavaScript in bogat z vtičniki, ki ponujajo posebne funkcije. Toda JavaScript je napredoval že od ECMAScripta 6 in jQuery v mnogih primerih ni več potreben, zaključuje Traversy.

V drugem videu učitelj kodiranja Kenneth Lowrey trdi, da je tekoče znanje jQueryja izguba časa. V trenutnem okolju spletnega razvoja sodobni brskalniki večinoma obravnavajo JavaScript enako. V večini primerov je izvorna koda JavaScript boljša od "napihnjene stare knjižnice, kot je jQuery," pravi.

Medtem ko je bila jQuery izbira za pošiljanje zahtev HTTP, je na primer ECMAScript 6 izdal Fetch, obljubljeni API, ki olajša zahteve HTTP. In napredek se ne ustavi s HTTP. Kjer ima jQuery pripomočke za naloge, kot je manipulacija z nizi, je vaniljev JavaScript zdaj izboljšal prilagoditve tudi za te operacije.

Animacije so z vanilijevim JavaScriptom še vedno težje kot z jQueryjem, obstajajo pa tudi druge možnosti, kot so prehodi CSS ali ključne sličice, poudarja Traversy. Nezaposlena knjižnica GreenSock se lahko uporablja tudi za animacije. Pri manipulaciji z DOM, ki je nekoč vladala jQuery, so API-ji izvornega brskalnika zapolnili vrzel.

Za naloge, ki jih ni mogoče izvesti v vanilijevem JavaScript, Traversy priporoča specializirane knjižnice namesto splošne knjižnice, kot je jQuery. Traversy prav tako priporoča uporabo okvirov JavaScript, kot so React, Angular ali Vue za srednje velike in velike aplikacije. Traversy še vedno priporoča jQuery za uporabo na preprostih spletnih mestih brez okvira.

jQuery alternative

Kaj bi morali uporabiti namesto jQuery? Kratek seznam alternativ jQuery poleg sodobnega, vanilijevega JavaScript vključuje tudi Cash, Zepto in Syncfusion Essential JS 2. Cash in Zepto sta odprtokodni knjižnici JavaScript, ki sta na voljo pod licenco MIT. Syncfusion Essential JS 2 je komercialni izdelek.

Gotovina

Cash ima na GitHubu več kot 3.570 zvezdic. Cash, izračunan kot "absurdno majhna alternativa jQuery" za sodobne brskalnike, ima sintakso v slogu jQuery za manipulacijo z DOM in zajema 32KB prostora, nestisnjen. Gotovina podpira zmogljivosti, vključno z dogodki s prostori imen, vrstami TypeScript in modernimi gradnjami. Denar lahko prenesete z GitHub.

Zepto

Zepto je opisan kot "minimalistična knjižnica JavaScript z API-jem, ki je v veliki meri združljiv z jQuery." Razvijalci, ki poznajo jQuery, že znajo uporabljati Zepto, še pravijo njegovi proizvajalci. Zepto naj bi bil veliko manjši in se hitreje nalaga kot jQuery in lahko deluje z naborom orodij PhoneGap za mobilne in namizne brskalnike. Zepto lahko prenesete s spletne strani projekta.

Syncfusion Essential JS 2

Syncfusion Essential JS 2 je komercialno licencirana knjižnica za nadzor uporabniškega vmesnika JavaScript, napisana v TypeScript. Syncfusion, ki služi kot alternativa knjižnici uporabniškega vmesnika jQuery, je zasnovana kot majhna, lahka in modularna knjižnica za izboljšanje spletnih aplikacij. Syncfusion podpira ogrodja, vključno z Angular, React in Vue. Lahko kupite Syncfusion Essential JS 2 ali brezplačno preskusno različico prenesete s spletnega mesta Syncfusion. Popolna izvorna koda, testne datoteke enote, preizkusni skripti in predstavitve v živo so na voljo na GitHub.