Mikä on jQuery

jQuery on kehys, pikemminkin kääre JavaScriptin ympärille. jQuerystä on tullut erittäin tärkeä webissä monien etujen takia, kuten se on erittäin kevyt JavaScriptiin verrattuna, helppo oppia ja ottaa käyttöön. jQuery-sivut latautuvat erittäin nopeasti.

HTML, CSS, Javascript ovat tekniikat, jotka Web ymmärtää. HTML: ää käytetään sivun ulkoasun määrittämiseen, CSS: ää verkkosivujen muotoiluun. Javascript on verkon ohjelmointikieli. Päivitetään sisältöä, animaatioita, verkkosivujen vuorovaikutusta käyttäjän kanssa. Kaikkia näitä itse asiassa kaikki ohjataan javascriptin avulla.

jQuery

Miksi tai milloin meidän pitäisi etsiä jQuery-vaihtoehtoja!

Sano, että et tarvitse kaikkia jQuery-sovellusliittymässä olevia menetelmiä ja tarvitset vain muutamia niistä, voit etsiä vaihtoehtoja. jQuery on noin 250 kt. Ehkä jos etsit pienempää tiedostoa, joka täyttää kaikki tarpeesi, sinun kannattaa etsiä jQuery-vaihtoehtoja.

Luettelo jQuery-vaihtoehdoista

Alla on seuraavat jQuery-vaihtoehdot, jotka ovat seuraavat:

javascript:

Native javascript on kuitenkin yksi parhaista jQuery-vaihtoehdoista, itse asiassa se on JS: n kehys. Javascript on paras, koska kaikki selaimet toimitetaan javascriptin avulla, eikä sinun tarvitse asentaa jQueryä sovellukseesi. JS on myös yksi parhaista vaihtoehdoista, kun jouduit käsittelemään joitain hyvin vanhoja selaimia, jotka etsivät vain tiettyjä jQuery-versioita. Ainoa sen käytön syntaksi ei ole erityisen ystävällistä, kuten jQuery tarjoaa.

Näytteen käyttö:

var element = document.getElementById (”media”);

element.classList.add (”oma tyyli”);

Käteinen raha:

Cash on pieni plugin (~ 10% jQuery -kokoisesta), joka tukee IE10 +: n yläpuolella olevia selaimia. Sen syntaksi on samanlainen kuin jQuery. Sillä ei ehkä ole kaikkia ominaisuuksia, joita jQueryllä on, mutta siinä on melkein kaikki tärkeät perusominaisuudet, joita tarvitsemme.

Näytteen käyttö:

var elementti = $ (“div”);

$ (elementti) .attr (attrName, attrValue)

UmbrellaJS:

JQuery vaikuttaa UmbrellaJS: ään suuresti, ja siinä on vähän lisäominaisuuksia, ja tiedosto on myös hyvin pieni verrattuna mobiililaitteisiin. UmbrellaJS-ohjelmaa tukevat suuret selaimet ja IE11 +. UmbrellaJS: ssä voit käyttää natiivin javascript-menetelmiä sateenvarjovalitsimissa, toisin kuin jQuery.

UmbrellaJS-syntaksi on samanlainen kuin jQuery, sillä ero on, että u käyttää $: n sijasta

Näytteen käyttö:

u (“painike”). päällä (”napsauta”, toiminto () (

hälytys (“Hei maailma”);

));

Chibi JS:

ChibiJS on kehitetty eroon jQueryn suuresta koosta. ChibiJS on vain noin 7 kt, ja sillä on kaikki olennaisesti käytetyt menetelmät. Selaimen tuella tämä tukee kaikkia nykyaikaisia ​​ja vanhoja selaimia. Tämä laajennus ei tarjoa animaatioita. Chibi suorittaa DOM-manipulaatiot 20% - 50% nopeammin kuin monet kirjastot.

Chibin syntaksi on samanlainen kuin jQuery, jotta kunnioitetaan sitä tosiasiaa, että pieniä ja suuria kirjaston syntakseja ei tule koskaan sekoittaa

Näytteen käyttö:

$ ( ”P”). Hide ()

ZeptoJS:

ZeptoJS: ää voidaan pitää minimalistisena javascript-kirjastona, joka on erittäin yhteensopiva jQueryn kanssa. Tämän kirjaston tavoitteena ei ole kilpailla jQueryn kanssa, mutta saavuttaa sen API: n maksimiarvo hyvin pienellä koossa. ZeptoJS: n koko on vain 5-10 kt, ja se ladataan ja suoritetaan nopeammin. Tukee kaikkia tärkeimpiä selaimia ja IE10 +.

Näytteen käyttö:

$ .CamelCase ( 'hei-siellä)

MooTools:

Mootools on kokoelma javascript-apuohjelmatoimintoja keskipitkälle ja edistyneille javascript-ohjelmoijille. Se on kevyt javascript-kehys. Sen johdonmukainen ja vankka sovellusliittymä mahdollistaa vahvan ja joustavan koodin kirjoittamisen. Sillä on erittäin hyvä dokumentaatio ja API on johdonmukainen.

Mootools on hyödyllinen, koska sen avulla käyttäjä voi valita omat räätälöidyt komponenttinsa. Se noudattaa olioperusteisia käytäntöjä.MooTools tarjoaa parannuksia DOM: iin, jonka avulla kehittäjät voivat lisätä, muokata ja poistaa kaikkia DOM-elementtejä. Elementtien säilytys on myös MooToolsissa

Näytteen käyttö:

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

var myElement = uusi elementti ('div # bar.foo');

myElement.addEvent ('napsauta', toiminto () (

alert (napsautetaan! ");

));

ExtJS:

ExtJS tarkoittaa laajennettua Javascriptiä. Se on Sencha-tuote ja perustuu YahooUserInterface-sovellukseen. Se on pohjimmiltaan työpöytäsovellusten kehittämisen ohjelmointikieli. ExtJS-järjestelmää tukee kaikki selaimet, kuten IE6 +, FF, Chrome, Safari, Opera jne. ExtJS perustuu MVC / MVVM-arkkitehtuuriin.

ExtJS tarjoaa myös loistavan kokoelman tehokkaita, muokattavia widgettejä

Näytteen käyttö:

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

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

Tämän lisäksi on saatavana monia muita pieniä kehyksiä, jotka voivat suorittaa yhden tehtävän / toiminnallisuuden päästä päähän. MicroJS on yksi sivusto, jolla on saatavana monia mikrokehyksiä. Tällä verkkosivustolla voimme vain tarkistaa vaatimuksemme ja käyttää vain tätä kehystä.

Suositellut artikkelit:

Tämä on opas jQuery Alternatives -tuotteisiin. Täällä olemme keskustelleet jQuery-vaihtoehtojen luetteloista niiden näytesovellusten kanssa. Voit myös katsoa seuraavia artikkeleita saadaksesi lisätietoja:

  1. JavaScript vs. JQuery
  2. Kuinka asentaa JavaScript
  3. Johdanto JavaScriptiin
  4. jQuery -haastattelukysymykset
  5. jQuery querySelector | Esimerkkejä hakulausekkeelle
  6. 8 parasta jQuery-valitsinta koodin toteutuksella
  7. Opas JQuery-edistymispalkkiesimerkkeihin

Luokka:

Ohjelmistokehitys