Bevezetés a jQuery interjúba. Kérdések és válaszok
A jQuery egy JavaScript könyvtár, amely „kevesebb ír, többet csinál” elvre épül. Gyors, könnyű és gazdag. A jQuery jön a könnyen használható API-kkal, amelyek sok feladatot megkönnyítik a felhasználói felület fejlesztésében, például HTML-dokumentumok átjárása és kezelése, eseménykezelés, animációs effektusok hozzáadása egy weboldalhoz, amely zökkenőmentesen működik az összes böngészőben. A jQuery olyan választógépekkel rendelkezik, amelyek lehetővé teszik a HTML-dokumentum struktúrájának DOM-fájának hatékony áthaladását. Az Ajax-alapú alkalmazások gyorsan és egyszerűen építkezhetnek a jQuery segítségével. Számos beépített jQuery módszer létezik, amelyek segítségével animációkat és effektusokat hozhatunk létre, például csúsztatást, elem megmutatását vagy elrejtését stb. Egyetlen kódsorral.
Az alábbiakban a 2019-es jQuery interjúkérdések és válaszok leggyakoribb jellemzője:
Tehát végre megtalálta álmai munkáját a jQuery-ban, de azon gondolkodik, hogyan lehet kitörni a jQuery interjút, és mi lehet a 2019-es jQuery interjú kérdése. Minden interjú különbözik, és a munkaköre is eltérő. Ezt szem előtt tartva kidolgoztuk a leggyakoribb jQuery interjúkérdéseket és válaszokat, amelyek segítenek abban, hogy sikerrel járjon az interjúban. Ezeket a kérdéseket két részre osztják:
- 1. rész - jQuery interjúkérdések (alapvető)
- 2. rész - jQuery interjúkérdések (haladó)
1. rész - jQuery interjúkérdések (alapvető)
Ez az első rész a jQuery interjúval kapcsolatos alapvető kérdéseket és válaszokat tartalmazza
1. Definiálja a jQuery alapvető jellemzőit?
Válasz:
A jQuery egy gyors és könnyű JavaScript könyvtár. Nagyon sok feladatot egyszerűsít, amelyek sok időt és energiát igényelnek a szokásos JavaScript használatával. Egyszerűsíti a gyors webfejlesztést, az Ajax interakciókat, az eseménykezelést, az animációkat és a HTML-dokumentumok átjárását és kezelését. A jQuery fő jellemzői a következők:
- DOM manipuláció - A DOM elemek könnyen átjárhatók, módosíthatók.
- Animációk - Sok beépített animáció.
- AJAX - Sokat segíthet az érzékeny és funkciókban gazdag webhelyek fejlesztésében az AJAX használatával.
- Könnyű - körülbelül 19 kb méretű.
- Eseménykezelés - Több esemény könnyedén rögzíthető az eseménykezelőkkel.
- Kereszt böngésző támogatás - Jól működik az IE 6.0+, Safari, Chrome és Opera, Firefox rendszerekkel.
2. Melyek a jQuery választók és hány típus létezik?
Válasz:
A választók hozzászoktak a HTML elemek kereséséhez. A jQuery választó olyan funkció, amely felhasználja a kifejezést arra, hogy az adott kritériumok alapján megkeresse a megfelelő elemeket a DOM-ból. Miután kiválasztottunk egy elemet, bizonyos műveleteket végrehajthatunk rajtuk. Alapvető választók:
1) Név: Az összes elem kiválasztása, amely megegyezik az adott elem nevével.
2) .Class: Az összes elem kiválasztása, amely megfelel az adott osztálynak.
3) #ID: Kiválaszt egy elemet, amely megegyezik az adott azonosítóval.
4) Universal (*): Az összes elem kiválasztása a DOM-ban.
5) Attribútumválasztó: Válasszon elemeket az attribútum értéke alapján.
Menjünk a következő jQuery interjúkérdésekhez
3. Mi az alapvető különbség a body? Onload () és a document.ready () függvény között?
Válasz:
Mindkét funkció különbözik egymástól.
1) Egynél több document.ready () funkció is lehet, míg csak egy törzs. onload () funkció megengedett.
2) a document.ready () függvényt azonnal meghívjuk, amint a DOM betöltődik egy oldalra, míg a body.onload () függvényt akkor hívjuk meg, amikor mindent betöltünk egy oldalra, beleértve a DOM-ot, képeket és az oldalhoz kapcsolódó erőforrásokat.
4. Mi a különbség a $ (ez) és az "this" között a jQuery-ben?
Válasz:
Ez a közös jQuery interjúkérdések, amelyeket egy interjúban feltettek. Mindkét hivatkozás ugyanazon elemre vonatkozik, de a különbség az, hogy „ezt” hagyományos módon használják, de ha az „ezt” a $ () -val használják, akkor jQuery objektummá válik, amelyen felhasználhatjuk a jQuery funkcióit.
Példa:
$(document).ready(function()
(
$('#clickme').click(function()
(
alert($(this).text());
alert(this.innerText);
));
));
Ha csak „ezt a” kulcsszót használjuk, akkor a jQuery text () függvényt használhatjuk az elem szövegének beolvasására, mert nem jQuery objektum. Miután az „ez” kulcsszó bekerült a $ () -ba, akkor a jQuery függvény szöveget () használhatjuk az elem szövegének megszerzéséhez.
5. Milyen különféle AJAX funkciók vannak a jQuery-ben?
Válasz:
Az Ajax hívás lehetővé teszi a felhasználó számára az adatok cseréjét a szerverrel és az oldal egyes részeinek frissítését anélkül, hogy az egész oldalt újra betöltené. Az AJAX néhány funkciója a következő:
1) $. Ajax (): A legalacsonyabb szintnek és alapvető funkcióinak tekintik. Ezt kérések küldésére használják. Ez a funkció választó nélkül végrehajtható.
2) $. AjaxSetup (): Ez a funkció a különféle ajax hívások opcióinak meghatározására és beállítására szolgál.
Például:
$.ajaxSetup((
"type":"POST",
"url":"ajax.php",
"success":function(data)
(
$("#bar")
.css("background", "yellow")
.html(data);
)
));
3) Rövidített ajax módszerek: Ezek csak a wrapper függvényt tartalmazzák, amely a $ .ajax () hívást szolgálja bizonyos paraméterekkel.
4) $ .getJSON (): Ez a rövidítés funkció speciális típusa, amelyet annak a URL-nek a fogadására használunk, amelyre a kéréseket elküldjük. Az ilyen funkciókban opcionális adatok és opcionális visszahívási funkciók is lehetséges.
2. rész - jQuery interjúkérdések (alapvető)
Ez az első rész a haladó jQuery interjúval kapcsolatos kérdéseket és válaszokat tartalmazza
6. Mi a JQuery.noConflict?
Válasz:
A jQuery nem ütközik a jQuery által megadott lehetőséggel a különféle js keretek vagy könyvtárak közötti konfliktusok leküzdésére. A jQuery konfliktusmentes mód használatakor a $ -ot egy új változóra cseréljük, és a jQuery-hez más Java-könyvtárakat rendelünk. Használjon $ -ot is függvényként vagy változónévként, amit a jQuery tartalmaz. És fejlesztési életünkben egyáltalán nem vagyunk szigorúak az egyetlen jQuery iránt.
jQuery.noConflict();
jQuery(document).ready(function()(
jQuery("div").hide();
));
A jQuery-ban a $ aláírás helyett saját karakterét is használhatjuk.
var $j = jQuery.noConflict();
$j(document).ready(function()(
$j("div").hide();
));
7.Mi használja a jQuery .each () függvényt?
Válasz:
Ez egy általános funkció, amely áthúzza a gyűjteményt. Ha vannak olyan tömbszerű objektumok, amelyek hossza tulajdonsággal rendelkezik, akkor az index pozíciójukkal és értékükkel iterálhatók. Más objektumok ismétlődhetnek kulcsérték tulajdonságokkal. Ez a funkció azonban különbözik a $ (selector) .each () függvénytől, amely a DOM elemnél a választóval működik. De mindkettő egy jQuery objektum felett ismétlődik.
Amikor a tömbszerű objektumot átadjuk az .each () függvénynek, a visszahívási függvény két érvet fogadhat el: az elem indexe, ahol az index a nulla alapú numerikus index az aktuális elemek tömbében, és az elem értéke az aktuális tömb.
Példa:
$("button").click(function()(
$("li").each(function()(
alert($(this).text())
));
));
Menjünk a következő jQuery interjúkérdésekhez
8. Milyen módszereket használnak a jQuery hatásainak biztosítására?
Válasz:
A jQuery számos csodálatos hatást kínál, ezeket a hatásokat egyszerű konfigurációval is alkalmazhatjuk. A hatás elrejtése, megmutatása, átkapcsolása, elhalványulása, behatolása, befagyása és így tovább váltása (), megjelenítése () és elrejtése () módszerek. Hasonlóképpen használhatunk más módszereket is, mint az alábbiakban:
- animálni (params, (időtartam, könnyítés, visszahívás)) Ez a funkció egyedi animációkat készít a HTML elemekhez.
- fadeIn (sebesség, (visszahívás)) Ez a funkció eltűnik az összes illesztett elemben az átlátszóság beállításával és az opcionális visszahívás tüzelésével a befejezés után.
- fadeOut (sebesség, (visszahívás)) Ez a funkció arra szolgál, hogy az összes illesztett elemet kiürítse azáltal, hogy átlátszatlanságát 0-ra állítja, majd a kijelzőt „nincs” értékre állítja, és a befejezés után opcionális visszahívást indít.
- fadeTo (sebesség, átlátszóság, visszahívás) Ez a funkció az összes illesztett elem átlátszatlanságát a megadott átlátszatlanságra csökkenti, és az opcionális visszahívást a teljesítés után tünteti fel.
- stop ((clearQueue, goto end)) Ez a funkció leállítja az összes jelenleg futó animációt.
9. Melyik a gyorsabb, a document.getElementByID ('txtName') vagy $ ('# txtName').?
Válasz:
Ez egy népszerű interjú során feltett jQuery interjúkérdés. jQuery módszer a txtName kiválasztásához a „$ ('# txtName')” segítségével belsőleg felhívja a document.getElementByID ('txtName') fájlt. Mivel a jQuery a JavaScript tetejére van írva, és belsőleg használja a JavaScriptet, így a JavaScript mindig gyors.
10.Miben különbözik a $ ('div') és $ ('') között a jQuery-ben?
Válasz:
$ (''): Ez létrehoz egy új div elemet. De ezt nem adják hozzá a DOM-fához, hacsak nem adjuk hozzá semmilyen DOM-elemhez, míg a $ ('div') az oldalon jelenlévő összes div elemet választja ki.
Ajánlott cikk
Ez egy útmutató a jQuery interjúkérdések és válaszok listájához, így a jelölt könnyen meg tudja oldani ezeket a jQuery interjúkérdéseket. ez a cikk tartalmazza a jQuery interjúkérdések összes felső részét. A következő cikkeket is megnézheti további információkért -
- Hasznos Jenkins interjúkérdések
- 10 fejlett AngularJS interjúkérdés
- Szoftvertervezési interjúkérdések
- Statisztikai interjúkérdések
- Jenkins vs Bamboo: Mik az előnyei?
- Jenkins vs Travis CI: Milyen előnyei vannak
- Jenkins vs TeamCity
- A jQuery Ajax módszerek áttekintése