Čo je jQuery

jQuery je framework, skôr obal okolo javascriptu. jQuery sa stal na webe mimoriadne dôležitý z dôvodu rôznych výhod, ako je to, že je v porovnaní s javascriptom veľmi ľahký, ľahko sa učí a implementuje. jQuery sa načítajú veľmi rýchlo.

HTML, CSS, Javascript sú technológie, ktorým web rozumie. HTML sa používa na definovanie rozloženia stránky, CSS na úpravu štýlu webových stránok. Javascript je programovací jazyk webu. Aktualizácia obsahu, animácie, interakcia webových stránok s používateľom, všetko je v skutočnosti kontrolované pomocou javascriptu.

jQuery

Prečo alebo kedy by sme mali hľadať alternatívy jQuery!

Povedzme, že nepotrebujete všetky metódy, ktoré sú v rozhraní jQuery API, a medzi nimi budete potrebovať iba niekoľko, mohli by ste hľadať alternatívy. jQuery je okolo 250 kB. Možno, ak hľadáte menší súbor, ktorý vyhovuje všetkým vašim potrebám, mali by ste hľadať alternatívy jQuery.

Zoznam alternatív jQuery

Nižšie sú uvedené rôzne varianty jQuery, ktoré sú nasledujúce:

javascript:

Napriek tomu je natívny javascript jednou z najlepších alternatív jQuery, v skutočnosti je to rámec JS. Javascript je najlepší, pretože všetky prehliadače sa dodávajú s javascriptom a nemusíte inštalovať jQuery do svojej aplikácie. JS je tiež jednou z najlepších alternatív, keď ste sa museli vysporiadať s niektorými veľmi starými prehliadačmi, ktoré by hľadali iba určité verzie jQuery. Jedinou nevýhodou použitia je syntax, ktorá nie je príliš priateľská, ako poskytuje jQuery.

Príklad použitia:

var element = document.getElementById („media“);

element.classList.add („môj štýl“);

Cash:

Hotovosť je malý doplnok (~ 10% veľkosti jQuery), ktorý podporuje prehliadače nad IE10 +. Jeho syntax je podobná ako jQuery. Nemusí mať všetky funkcie, ktoré má jQuery, ale má takmer všetky dôležité základné funkcie, ktoré by sme potrebovali.

Príklad použitia:

var element = $ („div“);

$ (element) .attr (attrName, attrValue)

UmbrellaJS:

UmbrellaJS je vysoko ovplyvňovaný programom jQuery a má v ňom niekoľko ďalších funkcií a tiež je súbor v porovnaní s mobilným zariadením veľmi malý. UmbrellaJS je podporovaný hlavnými prehliadačmi a IE11 +. Na rozdiel od jQuery, v UmbrellaJS môžete na výber dáždnikov používať metódy natívneho javascriptu.

Syntax UmbrellaJS je podobná syntaxi jQuery s rozdielom v použití u namiesto $

Príklad použitia:

u („tlačidlo“). dňa („kliknutie“, funkcia () (

výstraha („Ahoj svet“);

));

Chibi JS:

ChibiJS je vyvinutý tak, aby sa zbavil veľkej veľkosti jQuery. ChibiJS je iba okolo 7kb a má všetky základné metódy, ktoré sa väčšinou používajú. Podpora prehliadača podporuje všetky moderné až staré prehliadače. Tento doplnok neposkytuje animácie. Chibi vykonáva manipulácie DOM o 20% až 50% rýchlejšie ako mnoho knižníc.

Syntax Chibi je podobná ako jQuery, aby sa rešpektovala skutočnosť, že syntaxe malých a veľkých knižníc by sa nikdy nemali miešať

Príklad použitia:

$ ( "P"). Hide ()

ZeptoJS:

ZeptoJS možno považovať za minimalistickú knižnicu javascript s vysokou kompatibilitou s jQuery. Cieľom tejto knižnice nie je konkurovať jQuery, ale dosiahnuť maximum svojho API s veľmi menšou veľkosťou. Veľkosť ZeptoJS je iba 5 až 10 kB a sťahuje sa a vykonáva veľmi rýchlo. Podporuje všetky hlavné prehliadače a IE10 +.

Príklad použitia:

$ .CamelCase ( "ahoj-tu)

MooTools:

Mootools je zbierka užitočných funkcií javascriptu pre stredných a pokročilých programátorov javascript. Je to ľahký javascriptový rámec. Jeho koherentné a robustné API umožňuje písať silný a flexibilný kód. Má k dispozícii veľmi dobrú dokumentáciu a API je koherentné.

Mootools je výhodný, pretože umožňuje užívateľovi zvoliť si vlastné prispôsobené komponenty. Postupuje podľa objektovo orientovaných postupov. SoftvérTools poskytuje vylepšenia pre DOM, ktoré vývojárom umožňujú pridávať, upravovať a odstraňovať akékoľvek prvky DOM. Úložisko prvkov je tiež prítomné v MooTools

Príklad použitia:

$$ („div.foo, div.bar“);

var myElement = nový prvok ('div # bar.foo');

myElement.addEvent ('click', function () (

alert (kliknutie! ');

));

ExtJS:

ExtJS je skratka pre Extended Javascript. Je to produkt spoločnosti Sencha a je založený na YahooUserInterface. Je to v podstate programovací jazyk pre vývoj desktopových aplikácií. ExtJS je podporovaný všetkými prehliadačmi ako IE6 +, FF, Chrome, Safari, Opera atď. ExtJS je založený na architektúre MVC / MVVM.

ExtJS tiež ponúka veľkú zbierku vysoko výkonných prispôsobiteľných widgetov

Príklad použitia:

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

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

Okrem toho existuje mnoho ďalších malých rámcov, ktoré dokážu vykonať jednu úlohu / funkčnosť. MicroJS je jedna stránka, ktorá má k dispozícii veľa mikro rámcov. Na tejto webovej stránke môžeme jednoducho skontrolovať, čo je naša požiadavka, a využiť iba tento rámec.

Odporúčané články:

Toto bol sprievodca alternatívami jQuery. Tu sme diskutovali o Zoznamoch alternatív jQuery s ich príkladmi použitia. Ďalšie informácie nájdete aj v nasledujúcich článkoch:

  1. JavaScript vs JQuery
  2. Ako nainštalovať JavaScript
  3. Úvod do JavaScriptu
  4. jQuery Interview Otázky
  5. jQuery querySelector | Príklady dotazuSektor
  6. Top 8 selektorov jQuery s implementáciou kódu
  7. Sprievodca príkladmi JQuery Progress Bar

Kategórie:

Vývoj softvéru