Mi a jQuery?

A jQuery inkább egy keret, inkább egy csomagológép a javascript körül. A jQuery rendkívül fontos szerepet játszik az interneten számos előnye miatt, például rendkívül könnyű a javascripthez képest, könnyen megtanulható és megvalósítható. A jQuery oldalak nagyon gyorsan betöltődnek.

A HTML, CSS, Javascript azok a technológiák, amelyeket a Web megért. A HTML az oldal elrendezésének meghatározására, a CSS a weblapok stílusának meghatározására szolgál. A Javascript az internet programozási nyelve. Tartalom frissítése, animációk, a weboldalak és a felhasználók közötti interakció - mindez valójában mindent a javascript vezérli.

jQuery

Miért vagy mikor kell keresnünk a jQuery alternatívákat!

Tegyük fel, hogy nem kell minden olyan módszerre, amely a jQuery API-ban található, és csak néhányra lenne szüksége közülük, alternatívákat kereshet. A jQuery kb. 250 kb. Lehet, hogy ha egy kisebb fájlt keres, amely minden igényt kielégít, akkor a jQuery alternatívákat keresse.

A jQuery alternatívák felsorolása

Az alábbiakban a Különböző jQuery alternatívák találhatók, amelyek a következők:

Javascript:

Ennek ellenére a natív javascript az egyik legjobb jQuery alternatíva, sőt, ez a JS kerete. A Javascript a legjobb, mert minden böngésző javascript-kel szállít, és nem kell telepítenie a jQuery alkalmazást. A JS emellett az egyik legjobb alternatíva, amikor néhány nagyon régi böngészővel kellett foglalkoznia, amelyek csak a jQuery egyes verzióit keresték. A szintaxis használatának egyetlen hátránya, hogy a jQuery nem olyan barátságos.

Mintahasználat:

var element = document.getElementById („média”);

element.classList.add („én stílusom”);

Készpénz:

A Cash egy apró plugin (a jQuery méretének kb. 10% -a), amely támogatja az IE10 + feletti böngészőket. Szintaxisa hasonló a jQuery-hez. Lehet, hogy nem rendelkezik minden olyan funkcióval, amely a jQuery-nek van, de szinte minden fontos alapvető funkcióval rendelkezik, amelyekre szükségünk lenne.

Mintahasználat:

var elem = $ („div”);

$ (elem) .attr (attrName, attrValue)

UmbrellaJS:

Az UmbrellaJS-t nagyban befolyásolja a jQuery, és kevés extra funkcióval rendelkezik, és a fájl nagyon kicsi a mobilhoz képest. Az UmbrellaJS-t a fő böngészők és az IE11 + támogatják. Az UmbrellaJS-ben natív javascript módszereket használhat az esernyő-választókban, a jQuery-vel ellentétben.

Az UmbrellaJS szintaxisa hasonló a jQuery szintaxisához, azzal a különbséggel, hogy a $ helyett u-t használ

Mintahasználat:

u (“gomb”). be (“kattintás”, funkció () (

riasztás (“Hello world”);

));

Chibi JS:

A ChibiJS-t úgy fejlesztették ki, hogy megszabaduljon a jQuery nagy méretétől. A ChibiJS csak 7 kb körül van, és rendelkezik az összes alapvető módszerrel, amelyet leginkább használnak. A Böngésző támogatása szempontjából ez támogatja az összes modern böngészőt a régi böngészőkhöz. Ez a bővítmény nem nyújt animációkat. A Chibi 20–50% -kal gyorsabban hajtja végre a DOM manipulációkat, mint sok könyvtár.

A Chibi szintaxisa hasonló a jQuery-hez, hogy tiszteletben tartsuk azt a tényt, hogy a kis és a nagy könyvtár szintaxisait soha nem szabad keverni

Mintahasználat:

$ ( „P”). Hide ()

ZeptoJS:

A ZeptoJS minimalista javascript könyvtárnak tekinthető, nagy kompatibilitással a jQuery-vel. Ennek a könyvtárnak az a célja, hogy ne versenyezzen a jQuery-vel, hanem az, hogy API-ját maximálisan elérje, kevesebb mérettel. A ZeptoJS mérete csak 5-10 kB, a letöltés és a végrehajtás nagyon gyors. Támogatja az összes főbb böngészőt és az IE10 + -ot.

Mintahasználat:

$ .CamelCase ( 'hello-ott)

MooTools:

A Mootools a javascript segédprogram funkcióinak gyűjteménye a közepes és haladó szintű javascript programozók számára. Ez egy könnyű javascript keretrendszer. Koherens és robosztus API lehetővé teszi erős és rugalmas kód írását. Nagyon jó dokumentációval rendelkezik, és az API koherens.

A mootools előnyös, mivel lehetővé teszi a felhasználó számára, hogy saját testreszabott alkatrészeit válasszon. Az objektumorientált gyakorlatokat követi. AMooTools továbbfejleszti a DOM-ot, amely lehetővé teszi a fejlesztőknek, hogy bármilyen DOM-elemet hozzáadjanak, módosítsanak és töröljenek. Az elemtárolás a MooTools-ban is található

Mintahasználat:

$$ ('div.foo, div.bar');

var myElement = új elem ('div # bar.foo');

myElement.addEvent ('kattintás', function () (

alert (kattintott! ');

));

ExtJS:

Az ExtJS a kiterjesztett Javascript kifejezést jelenti. Ez egy Sencha termék, a YahooUserInterface alapú. Alapvetően asztali alkalmazásfejlesztő programozási nyelv. Az ExtJS-t minden böngésző támogatja, mint például az IE6 +, az FF, a Chrome, a Safari, az Opera stb. Az ExtJS az MVC / MVVM architektúrán alapul.

Az ExtJS nagy teljesítményű, testreszabható kütyü nagyszerű gyűjteményét is kínálja

Mintahasználat:

var el = Ext.get („my-div”);

var el = Ext.Element.get („my-div”);

Ezen kívül sok más apró keret is rendelkezésre áll, amelyek egy feladatot / funkciót teljes egészében elvégezhetnek. A MicroJS egy olyan oldal, ahol számos mikrokeret áll rendelkezésre. Ezen a webhelyen egyszerűen ellenőrizhetjük, hogy mi a követelményünk, és csak ezt a keretet használjuk fel.

Ajánlott cikkek:

Ez egy útmutató a jQuery alternatívákhoz. Itt megvitattuk a jQuery alternatívák listáit a mintahasználattal. A következő cikkeket is megnézheti további információkért:

  1. JavaScript vs JQuery
  2. Hogyan kell telepíteni a JavaScriptet
  3. Bevezetés a JavaScript-be
  4. jQuery interjúkérdések
  5. jQuery querySelector | Példák a querySelector-re
  6. A 8 legfontosabb jQuery választógép kód implementációval
  7. Útmutató a JQuery Progress Bar példákhoz

Kategória:

Szoftverfejlesztés