Johdanto jQuery-haastatteluun liittyviin kysymyksiin ja vastauksiin

jQuery on JavaScript-kirjasto, joka perustuu "kirjoita vähemmän, tee enemmän" -periaatteeseen. Se on nopea, kevyt ja rikas. jQuery mukana tulee helppokäyttöisiä sovellusliittymiä, jotka helpottavat monia tehtäviä käyttöliittymien kehittämisessä, kuten HTML-asiakirjojen siirtäminen ja käsittely, tapahtumien käsittely, animaatiotehosteiden lisääminen verkkosivulle, joka toimii saumattomasti kaikilla selaimilla. jQuery tarjoaa valitsimet, jotka mahdollistavat HTML-asiakirjan rakenteen DOM-puun tehokkaan kulkemisen. Ajax-pohjaiset sovellukset voivat rakentua nopeasti ja helposti jQueryn avulla. JQuerylle on useita sisäänrakennettuja menetelmiä, joiden avulla voimme luoda animaatioita ja tehosteita, kuten elementin liu'uttaminen, näyttäminen tai piilottaminen jne. Yhdellä koodirivillä.

Alla on yleisin ominaisuus 2019 jQuery -haastatteluun liittyvissä kysymyksissä ja vastauksissa:

Joten olet vihdoin löytänyt unelmatyösi jQuerystä, mutta mietit miten jQuery-haastattelu saadaan halki ja mikä voisi olla todennäköinen 2019 jQuery -haastattelukysymys. Jokainen haastattelu on erilainen ja myös työn laajuus on erilainen. Pitäen tämän mielessä olemme suunnitelleet yleisimmät jQuery -haastattelukysymykset ja -vastaukset, joiden avulla saat menestystä haastattelussa. Nämä kysymykset on jaettu kahteen osaan, jotka ovat seuraavat:

  • Osa 1 - jQuery -haastattelukysymykset (perus)
  • Osa 2 - jQuery -haastattelukysymykset (Advanced)

Osa 1 - jQuery -haastattelukysymykset (perus)

Tämä ensimmäinen osa kattaa jQuery-haastattelun peruskysymykset ja vastaukset

1. Määritä jQuery sen keskeisillä ominaisuuksilla?

Vastaus:
jQuery on nopea ja kevyt JavaScript-kirjasto. Se yksinkertaistaa paljon tehtäviä, jotka vievät paljon aikaa ja vaivaa tavallisen JavaScriptin avulla. Se yksinkertaistaa nopeaa web-kehitystä, Ajax-vuorovaikutusta, tapahtumien käsittelyä, animaatioita ja HTML-asiakirjojen kulkemista ja käsittelyä. JQueryn tärkeimmät ominaisuudet ovat:

  • DOM-manipulointi - DOM-elementtejä voidaan helposti kuljettaa, muokata.
  • Animaatiot - Paljon sisäänrakennettuja animaatioita.
  • AJAX- Auta paljon kehittämällä reagoivia ja monipuolisia sivustoja AJAX: n avulla.
  • Kevyt - kooltaan noin 19 kt.
  • Tapahtumien käsittely- Useita tapahtumia voidaan tallentaa helposti tapahtumien käsittelijöiden avulla.
  • Ristiinselaimen tuki - toimii hyvin IE 6.0+: n, Safarin, Chromen ja Opera, Firefoxin kanssa.

2. Mitkä ovat jQueryn valitsimet ja kuinka monta tyyppiä niitä on?

Vastaus:
Valitsijat ovat tottuneet löytämään HTML-elementtejä. JQuery-valitsin on toiminto, joka käyttää lauseketta etsimään vastaavia elementtejä DOM: sta minkä tahansa kriteerin perusteella. Kun olemme valinneet elementin, voimme suorittaa niille tiettyjä toimintoja. Perusvalitsimet ovat:
1) Nimi: Valitsee kaikki elementit, jotka vastaavat annettua elementin nimeä.
2) .Class: Valitsee kaikki elementit, jotka vastaavat annettua luokkaa.
3) #ID: Valitsee yhden elementin, joka vastaa annettua tunnusta.
4) Universal (*): Valitsee kaikki DOM-yksikössä käytettävissä olevat elementit.
5) Attribuutin valitsin: Valitse elementit sen määritteen arvon perusteella.

Siirrytään seuraavaan jQuery -haastattelukysymykseen

3. Mikä on peruserotus rungon? Onload () ja document.ready () toiminnon välillä?

Vastaus:
Molemmat toiminnot eroavat toisistaan.
1) Yhdellä sivulla voi olla useampia kuin yksi document.ready () -toiminto, kun taas vain yksi runko. onload () -toiminto on sallittu.
2) asiakirja.valmis () -toiminto kutsutaan heti, kun DOM ladataan sivulle, kun taas body.onload () -toiminto kutsutaan, kun kaikki ladataan sivulle, mukaan lukien DOM, kuvat ja sivulle liittyvät resurssit.

4. Mitä eroa on $ (tämän) ja "tämän" välillä jQueryssa?

Vastaus:
Tämä on yleinen jQuery -haastattelukysymys, jota haastattelussa esitetään. Molemmat viittaavat samaan elementtiin, mutta ero on siinä, että "tätä" käytetään perinteisesti, mutta kun "tätä" käytetään $ (): n kanssa, siitä tulee jQuery-objekti, jolla voimme käyttää jQueryn toimintoja.

Esimerkki:

$(document).ready(function()
(
$('#clickme').click(function()
(
alert($(this).text());
alert(this.innerText);
));
));
Kun käytetään vain tätä avainsanaa, voimme käyttää jQuery text () -toimintoa saadaksesi elementin tekstin, koska se ei ole jQuery-objekti. Kun ”tämä” avainsana on kääritty $ () -kohtaan, voimme käyttää jQuery-funktiotekstiä () saadaan elementin teksti.

5. Mitkä ovat AJAX-toiminnot jQueryssä?

Vastaus:
Ajax-puhelun avulla käyttäjä voi vaihtaa tietoja palvelimen kanssa ja päivittää sivun osia lataamatta koko sivua uudelleen. Jotkut AJAX: n toiminnoista ovat seuraavat:
1) $. Ajax (): Sitä pidetään alhaisimpana tasona ja perustoimintojena. Sitä käytetään pyyntöjen lähettämiseen. Tämä toiminto voidaan suorittaa ilman valitsinta.
2) $. AjaxSetup (): Tätä toimintoa käytetään määrittämään ja asettamaan asetukset eri ajax-puheluille.
Esimerkiksi:

$.ajaxSetup((
"type":"POST",
"url":"ajax.php",
"success":function(data)
(
$("#bar")
.css("background", "yellow")
.html(data);
)
));

3) Lyhennetyt ajax-menetelmät: Ne koostuvat yksinkertaisesti kääretoiminnosta, joka kutsuu $ .ajax () tiettyjä jo asetettuja parametreja.
4) $ .getJSON (): Tämä on erikoistyyppinen pikatoiminto, jota käytetään URL-osoitteen vastaanottamiseen, jolle pyynnöt lähetetään. Lisäksi valinnaiset tiedot ja valinnaiset takaisinsoitto-ominaisuudet ovat mahdollisia tällaisissa toiminnoissa.

Osa 2 - jQuery -haastattelukysymykset (perus)

Tämä ensimmäinen osa kattaa edistyneet jQuery -haastattelukysymykset ja -vastaukset

6. Mikä on JQuery.noConflict?

Vastaus:
jQuery ei-ristiriita on jQueryn antama vaihtoehto ratkaista ristiriidat erilaisten js-kehysten tai kirjastojen välillä. Kun käytämme jQuery-ristiriidatilaa, korvaamme $ uudelle muuttujalle ja osoitamme jQuery: lle joitain muita JavaScript-kirjastoja. Käytä myös $ funktiona tai muuttujan nimellä, mitä jQueryllä on. Ja kehityskehityksessä emme ole lainkaan tiukat ainoalle jQuerylle.

jQuery.noConflict();
jQuery(document).ready(function()(
jQuery("div").hide();
));

Voimme käyttää myös omaa merkkiäsi $Q-merkinnän sijaan jQueryssä.

var $j = jQuery.noConflict();
$j(document).ready(function()(
$j("div").hide();
));

7.Mitä käytetään jQuery .each () -toimintoa?

Vastaus:
Se on yleinen toiminto, joka kulkee kokoelman läpi. Jos on taulukon kaltaisia ​​objekteja, joilla on pituusominaisuus, ne voidaan toistaa indeksipaikallaan ja arvollaan. Muita objekteja voidaan iteroida avainarvo-ominaisuuksilla. Tämä toiminto kuitenkin toimii eri tavalla kuin $ (valitsin) .each () -toiminto, joka toimii DOM-elementissä valitsinta käyttämällä. Mutta molemmat iteroivat jQuery-objektin yli.
Kun siirrämme matriisimaisen objektin .each () -toiminnolle, takaisinsoitto-funktio voi hyväksyä kaksi argumenttia: alkion hakemisto, jossa indeksi on numeerinen nollapohjainen indeksi nykyisten kohteiden ryhmässä ja alkio on nykyinen taulukko.

Esimerkki:

$("button").click(function()(
$("li").each(function()(
alert($(this).text())
));
));

Siirrytään seuraavaan jQuery -haastattelukysymykseen

8. Millä menetelmillä vaikutuksia saadaan aikaan jQueryssä?

Vastaus:
jQuery tarjoaa monia upeita tehosteita, voimme käyttää näitä vaikutuksia yksinkertaisella kokoonpanolla. Vaikutus voi olla piilottaminen, näyttäminen, vaihtaminen, häivytys, häipyminen, häipyminen ja niin edelleen, vaihtaa (), näyttää () ja piilottaa () -menetelmiä. Samoin voimme käyttää muita menetelmiä kuten seuraavassa:

  • animoi (params, (kesto, helpottaminen, takaisinsoitto)) Tämä toiminto tekee mukautettuja animaatioita HTML-elementeillesi.
  • fadeIn (nopeus, (takaisinsoitto)) Tämä toiminto haalistuu kaikissa sovitetuissa elementeissä säätämällä niiden opasiteettia ja ampumalla valinnainen soittopyyntö valmistuksen jälkeen.
  • fadeOut (nopeus, (takaisinsoitto)) Tätä toimintoa käytetään kaikkien sovitettujen elementtien häivyttämiseen säätämällä niiden opasiteetti arvoon 0, asettamalla näyttö näytölle “ei mitään” ja amputtamalla valinnainen takaisinsoitto valmistuksen jälkeen.
  • fadeTo (nopeus, opasiteetti, soittopyyntö) Tämä toiminto hävittää kaikkien sovitettujen elementtien opasiteetin määritettyyn opasiteettiin ja valinnaisen soittopyynnön käynnistämisen jälkeen.
  • stop ((clearQueue, siirry loppuun)) Tämä toiminto pysäyttää kaikki tällä hetkellä käynnissä olevat animaatiot.

9. Kumpi on nopeampi, document.getElementByID ('txtName') tai $ ('# txtName').?

Vastaus:
Tämä on suosittu jQuery -haastattelukysymys, jota kysyttiin haastattelussa. jQuery-menetelmä, jolla txtName valitaan ”$ ('# txtName')” -sovelluksella, soittaa sisäisesti document.getElementByID ('txtName'). Koska jQuery on kirjoitettu JavaScriptin päälle ja se käyttää JavaScriptiä, niin JavaScript on aina nopea.

10.Mikä on ero $ ('div') ja $ ('') välillä jQueryssa?

Vastaus:
$ (''): Tämä luo uuden div-elementin. Tätä ei kuitenkaan lisätä DOM-puuhun, ellei me liitä sitä mihinkään DOM-elementtiin, kun taas $ ('div') valitsee kaikki sivulla olevat div-elementit.

Suositeltava artikkeli

Tämä on opas luetteloon jQuery-haastattelua koskevista kysymyksistä ja vastauksista, jotta hakija voi helposti hajottaa nämä jQuery-haastattelukysymykset. tämä artikkeli sisältää kaikki ylimmät jQuery-haastattelukysymykset. Voit myös katsoa seuraavia artikkeleita saadaksesi lisätietoja-

  1. Hyödyllisiä Jenkins-haastattelukysymyksiä
  2. 10 edistynyttä AngularJS -haastattelukysymystä
  3. Ohjelmistosuunnittelukysymykset
  4. Tilastohaastattelukysymykset
  5. Jenkins vs. Bamboo: Mitkä ovat edut?
  6. Jenkins vs Travis CI: Mitkä ovat edut
  7. Jenkins vs TeamCity
  8. Yleiskatsaus jQuery Ajax -menetelmiin

Luokka:

Yrittäjyyden kehittäminen