50 most common jquery interview questions
V tomto výučbe sú uvedené najčastejšie otázky týkajúce sa rozhovorov s jQuery a odpovede na ne, ktoré vám pomôžu pripraviť sa na nadchádzajúci rozhovor s jQuery:
Ak sa pripravujete na pohovor s jQuery, tu sú najčastejšie otázky na pohovor s jQuery s odpoveďami a príkladmi pre vašu referenciu.
Snažili sme sa spojiť všetky možné otázky, s ktorými sa môžete pravdepodobne stretnúť počas technického pohovoru, aby sme skontrolovali vašu kompetenciu v jQuery.
Poďme to preskúmať!
Čo sa dozviete:
Čo je jQuery?
jQuery je knižnica JavaScriptu na manipuláciu s objektovými modelmi dokumentov, ktorá sa používa hlavne na správu a cestovanie po dokumentoch HTML, spracovanie udalostí webových prvkov, špeciálne efekty na komunikáciu DOM a Ajax a vývoj JavaScriptu pre viacero prehliadačov.
c ++ previesť char na reťazec
jQuery je ľahká knižnica JavaScriptu, ktorá obsahuje nasledujúce funkcie:
- Manipulácia s HTML / DOM
- Manipulácia s CSS
- Metódy udalostí HTML
- Efekty a animácie
- AJAX
- Verejné služby
Zoznam najčastejších otázok týkajúcich sa rozhovorov s jQuery
Otázka č. 1) Môžete vysvetliť, čo je jQuery?
Odpoveď: jQuery je rýchla, ľahká a na funkcie bohatá knižnica JavaScriptu. Je ľahké používať rozhranie API kompatibilné s rôznymi prehliadačmi na prechod a manipuláciu s dokumentmi HTML, spracovanie udalostí, pridávanie animačných efektov na webové stránky a pomáha pri interakciách Ajaxu.
Otázka č. 2) Môžete rozlišovať medzi jazykom JavaScript a jQuery?
Odpoveď: JavaScript je skriptovací jazyk otvoreného zdroja, ktorý zo statických webových stránok robí dynamické stránky, ktoré sa používajú na overenie údajov formulárov pred ich odoslaním na server.
jQuery je ľahká a rýchla knižnica javascriptov, kompatibilná s prehliadačom, používaná na prechádzanie a manipuláciu s dokumentmi HTML, manipuláciu s udalosťami, pridávanie animačných efektov na webové stránky a pomáha pri interakciách Ajaxu.
Otázka 3) Vysvetlite rôzne spôsoby efektov jQuery.
Odpoveď: Metóda efektov jQuery nám pomáha pridať niektoré špeciálne efekty k prvkom HTML prítomným v DOM webových stránok a tieto metódy je možné zoskupiť do efektov zosvetlenia, posunutia, skrytia, zobrazenia a špeciálnych efektov.
Zoznam metód efektov jQuery je uvedený nižšie.
- šou(): Táto metóda umožňuje zobraziť / zobraziť vybratý prvok.
- skryť (): Táto metóda skryje vybraný prvok.
- prepnúť (): Táto metóda pomáha prepínať medzi metódou show () a hide () pre vybraný prvok.
- fadeIn (): Táto metóda pomáha skryť (zobraziť) skryté prvky na stránke, to znamená urobiť zo skrytých prvkov nepriehľadný prvok.
- vyblednúť(): Táto metóda pomáha skryť prvok z webovej stránky tým, že farebný prvok sprehľadní, inými slovami, vybledne.
- fadeToggle (): Táto metóda pomáha upraviť stav vybraného prvku, t. J. Skrytého vybraného prvku na viditeľný a viditeľný vybraný prvok do skrytého prvku.
- slideUp (): Táto metóda môže pomôcť vybratému prvku HTML posúvať sa nahor.
- zošmyknúť sa(): Táto metóda môže pomôcť vybratému prvku HTML posúvať sa nadol.
- slideToggle (): Táto metóda pomáha upraviť polohu vybratého prvku, t. J. Vybratého prvku, ak sa posúva nahor z jeho polohy, potom sa skĺzne nadol a ak sa vybraný prvok posunul nadol z jeho polohy, potom sa vysunie nahor.
- animovaný (): Táto metóda umožňuje meniť vybrané prvky z jedného stavu do druhého pomocou štýlov CSS. Hodnota vlastnosti CSS, ako je pozícia, farba alebo tvar, sa v konkrétnom intervale menia, čo vedie k animovanému efektu.
Otázka č. 4) Uveďte niekoľko príkladov metód Ajaxu v jQuery.
Odpoveď: Ajax pomáha odosielať a načítať údaje, ako aj meniť obsah webovej stránky zo servera bez potreby opätovného načítania celej stránky. Metódy jQuery Ajax, ako napríklad load (), get (), post (), uľahčujú volania Ajaxu uskutočnené aplikáciou.
Otázka č. 5) Vysvetlite funkčnosť metódy Ajax ().
Odpoveď: Metóda Ajax () odosiela na server asynchrónne požiadavky HTTP a prijíma údaje zo servera. Metóda Ajax () je cenná, pretože ponúka možnosť špecifikovať spätné volania úspechu aj neúspechu.
Otázka č. 6) Vysvetlite funkčnosť metódy ajax load ().
Odpoveď: Metóda load () odosiela požiadavky HTTP na načítanie údajov vo forme HTML alebo textového obsahu zo servera a vracia vrátené údaje do vybratých prvkov DOM.
Otázka č. 7) Vypracovať udalosti jQuery Ajax.
Odpoveď: Metódy Ajaxu spúšťajú obslužnú rutinu udalosti, ktorej výsledkom sú udalosti jQuery Ajax. Niektoré z príkladov udalostí jQuery Ajax sú uvedené nižšie.
Tieto udalosti sú kategorizované do miestnych a globálnych udalostí.
- ajaxStart (): Je to globálna udalosť. Táto udalosť sa spustí v dôsledku spustenia žiadosti Ajaxu, ak momentálne nie je spustená žiadna iná žiadosť Ajaxu.
- beforeSend (): Je to miestna udalosť, ako naznačuje jej názov, táto udalosť sa vyvolá pred spustením žiadosti Ajaxu, čo umožňuje upravovať objekty XMLHttpRequest.
- ajaxSend (): Je to globálna udalosť a táto udalosť sa volá skôr, ako sa spustí požiadavka Ajaxu.
- úspech(): Je to miestna udalosť. Táto udalosť sa spustí, iba ak bola požiadavka Ajax úspešne odoslaná (t.j. počas odosielania žiadosti Ajax udalosť nezobrazuje žiadnu chybu zo servera alebo z údajov).
- ajaxSuccess (): Jedná sa o globálnu udalosť, ktorá sa spustí, iba ak bola odoslaná žiadosť úspešná.
- chyba(): Jedná sa o miestnu udalosť, ktorá sa spustí, ak sa vyskytne chyba pri vykonávaní požiadavky. (Počas odosielania žiadosti Ajaxu môžete mať chybové alebo úspešné spätné volanie)
- ajaxError (): Je to globálna udalosť, ktorá sa chová rovnako ako jej lokálna chyba ().
- úplné (): Je to miestna udalosť. Táto udalosť sa zavolá bez ohľadu na to, či je požiadavka úspešná alebo vedie k chybe, a prijíma sa úplné spätné volanie, dokonca aj pre synchrónne požiadavky.
- ajaxComplete (): Je to globálna udalosť, ktorá sa chová rovnako ako miestna obdoba udalosti Complete (), a to aj pri synchrónnych požiadavkách.
- ajaxStop (): Je to globálna udalosť, ktorá sa spustí, keď sa ešte nespracovávajú / čakajú na spracovanie žiadne žiadosti Ajaxu.
Otázka č. 8) Vysvetlite funkčnosť metódy ajaxComplete ().
Odpoveď: AjaxComplete () sa zavolá bez ohľadu na to, či je požiadavka úspešná alebo vedie k chybe, a prijme úplné spätné volanie, a to aj pre synchrónne požiadavky.
Otázka č. 9) Vysvetlite funkčnosť metódy ajaxStart ().
Odpoveď: Udalosť ajaxStart () je globálna udalosť, ktorá sa spustí v dôsledku spustenia žiadosti Ajax za predpokladu, že momentálne nie sú spustené žiadne ďalšie žiadosti Ajax.
Otázka č. 10) Vysvetlite niektoré príklady udalostí v jQuery.
Odpoveď: Akcie s prvkami HTML na webových stránkach sú udalosti v jQuery alebo JavaScripte, ktoré vytvárajú dynamické webové stránky.
Niekoľko príkladov udalostí je uvedených nižšie.
- Kliknutie myšou na prvok, napríklad na tlačidlo.
- Posielanie hodnôt vstupných prvkov z formulára HTML.
- Obnovenie pôvodných hodnôt prvku formulára alebo opätovné načítanie stránky.
- Stlačenie alebo napísanie jedného alebo viacerých klávesov na klávesnici.
- Posúvanie webovej stránky atď.
Otázka č. 11) Vysvetlite príklady niektorých kategórií udalostí jQuery.
Odpoveď: Udalosti jQuery sú kategorizované na základe ich typov:
- Myšové udalosti, ako napríklad click & dblclick.
- Udalosti klávesnice, ako je zapnutie a vypnutie klávesnice.
- Podujatia vo formulári, ako napríklad odoslanie, zameranie a zmena.
- Udalosti dokumentu / okna, ako je načítanie, vyloženie a posúvanie.
Otázka č. 12) Vysvetlite funkčnosť metódy jQuery CSS ().
Odpoveď: Metóda CSS () v jQuery sa používa na kontrolu súčasnej hodnoty vlastnosti style, pridanie alebo zmenu vlastnosti style vybraného prvku. Inými slovami, metóda jQuery CSS () sa používa na ZÍSKANIE a NASTAVENIE vlastností štýlu CSS prvku DOM.
Otázka č. 13) Rozlišujte medzi metódami find () a children ().
Odpoveď: .find () a .children () sa používajú na lokalizáciu podradených prvkov DOM, .find () prejde na ľubovoľnú úroveň nadol, zatiaľ čo .ch Children () prejde o jednu úroveň nižšie na vyhľadanie prvku.
Uvažujme o nasledujúcej štruktúre DOM v dokumente HTML.
Syntax v rozhraní jQuery .find () API na vyhľadanie prvku v rámci
$('li.item-li').find('li').css('background-color','yellow');
Výsledkom vyššie uvedeného volania metódy je žlté pozadie na položkách A, B, 1, 2, 3 a C, ako je znázornené na obrázku nižšie.
Metóda .find () vyberie všetky podradené prvky prvku DOM, ktorým sa prechádza.
Syntax v API jQuery .children () na vyhľadanie prvku sznačka s triedou „level-2“.
$( 'ul.level-2' ).children().css( 'background-color', 'yellow' );
Výsledkom vyššie uvedeného volania metódy je žlté pozadie na položkách A, B a C, ako je znázornené na obrázku nižšie.
Metóda .children () vyberá prvky jednej úrovne prechádzaného prvku DOM.
Otázka č. 14) Vysvetlite rôzne typy selektorov a ich funkčnosť v jQuery.
Odpoveď: selektory jQuery sa používajú na vyhľadanie / výber prvkov HTML z hierarchie DOM na základe ich atribútov, ktoré sú uvedené nižšie.
- názov
- id
- trieda
- typu
- hodnoty
Základné typy selektorov sú:
- názov
- ID
- Názov triedy
- Univerzálny selektor, napríklad *, ktorý vyberá všetky prvky v DOM.
- Viac prvkov. Príklad:
- ,
,.
- Selektor atribútov, Príklad: identifikovať / vybrať prvky na základe ich atribútov, ako je farba, štýl písma alebo farba pozadia.
Nižšie je vysvetlený príklad viacerých selektorov prvkov a selektorov atribútov v jQuery.
Vo vyššie uvedenom kóde jQuery je atribút triedy selektor a farba písma textu vo vnútri prvku značky HTML sa zmení na zelenú. Tento kód ovplyvní / zmení farbu písma textov vo vnútri všetkých prvkov, ktoré majú atribúty triedy.
Otázka č. 15) Rozlišujte medzi ID a selektorom triedy v jQuery.
Odpoveď: Každý prvok HTML môže mať iba jedno ID, inými slovami, prvok možno identifikovať pomocou jedinečného ID, zatiaľ čo na viacerých prvkoch môžete použiť rovnakú triedu.
Príklad selektora ID v jQuery na skrytie prvku DOM s atribútom ID, povedzme prvku s ID ako „gold_coin“
$('#gold_coin').hide();
Ak chcete skryť, povedzte všetky odkazy, ktoré majú svoju triedu, ako „nespracované“,
$('a.raw').hide();
Otázka č. 16) Vysvetlite výhody metód jQuery Ajax.
Odpoveď: Ajax môže požadovať a prijímať údaje zo servera bez opätovného načítania stránok pomocou DOM a JavaScriptu.
Výhody použitia metód Ajax v jQuery sú uvedené nižšie:
- Umožňuje nám to načítať celú stránku znovu a dáva nám flexibilitu načítať iba časť stránky.
- Jednoduché API.
- Podpora viacerých prehliadačov.
- GET a POST podporované.
- Nahrajte dokument JSON, XML, HTML alebo skript.
Otázka č. 17) Rozlišujte medzi metódami jQuery typu onload () a document.ready ().
Odpoveď: Rozdiel medzi metódami onload () a document.ready () je v tom, že metódu onload () JavaScriptu zavoláme až po úplnom zobrazení / načítaní všetkých objektov vo webovom dokumente.
Zatiaľ čo metóda document.ready () sa volá, keď sa do dokumentov načíta štruktúra DOM. Metóda document.ready () sa volá veľmi rýchlo v porovnaní s metódou onload (), pretože neskoršia počká, kým sa obrázky úplne zobrazia.
Otázka č. 18) Vysvetlite funkčnosť metódy connect () jQuery.
Odpoveď: jQuery connect () je doplnok, ktorý sa používa na pripojenie / naviazanie funkcie na inú funkciu priradením obslužnej rutiny. Pomocou tejto funkcie môžeme použiť udalosť prvku DOM.
Otázka č. 19) Stručne vysvetlite bootstrap a doplnok JavaScriptu.
Odpoveď: Bootstrap je rámec alebo sada nástrojov, ktorá na vytváranie webových stránok alebo webových aplikácií obsahuje HTML, CSS a JavaScript. Mnoho komponentov Bootstrap vyžaduje na fungovanie doplnky Javascript.
Otázka č. 20) Vysvetlite aplikácie pre jQuery Mobile.
Odpoveď: jQuery Mobile je open-source rámec kompatibilný s rôznymi prehliadačmi určený na vytváranie mobilných aplikácií prístupných na všetkých smartfónoch, tabletoch a stolných zariadeniach.
jQuery Mobile je vytvorený v jQuery a v používateľskom rozhraní jQuery na vykreslenie rôznych špeciálnych efektov, spracovanie požiadaviek / odpovedí Ajaxu, dotykových udalostí spolu s rôznymi widgetmi.
Otázka č. 21) Rozlišujte medzi jquery.min.js a jquery.js
Odpoveď: jquery.min.js a jquery.js majú rovnakú funkcionalitu, jquery.min.js má odstránené všetky prázdne medzery, aby bol súbor menší a rýchlejšie načítaný, čo má za následok vykonanie skriptu.
Minifikácia súborov JS v produkčnom prostredí znamená, že sa načítajú rýchlejšie a poskytnú rýchly a lepší výkon stránky.
Otázka č. 22) Vysvetlite možnosť metódy jQuery HTML pre dokumenty HTML a XML.
Odpoveď: Metóda jQuery HTML nie je k dispozícii na dokumentoch XML, funguje iba pre dokumenty HTML.
Otázka č. 23) Vysvetlite funkčnosť používateľského rozhrania jQuery (používateľské rozhranie).
Odpoveď: jQuery UI je knižnica jQuery, ktorá poskytuje vytváranie rôznych objektov používateľského rozhrania, ako je niekoľko zoznamov záznamov, kde môžu používatelia vyberať, triediť, presúvať, púšťať a meniť veľkosť konkrétnych prvkov DOM.
Knižnica používateľského rozhrania tiež vytvára vstavané widgety, ako je automatické dokončovanie, začiarkavacie políčka, prepínače, výber dátumu, ponuka atď., Ako aj pridávanie efektov skrytia, zobrazenia alebo prepínania a ďalšie animácie.
Otázka č. 24) Vysvetlite funkčnosť doplnku Data Table pre jQuery.
Odpoveď: Tabuľka údajov je doplnok jQuery, ktorý sa pri použití na záznamy zobrazuje vo forme tabuľky.
Môžeme údaje triediť podľa jedného aj viacerých stĺpcov, prehľadávať konkrétny záznam, pridávať stránkovanie, záznamy na stránku a prechádzať záznamami v tabuľke. Tabuľku údajov je možné použiť na statické údaje, pole, údaje v JSON aj na odpoveď AJAX.
Otázka č. 25) Vysvetlite všetky výhody hostenia jQuery z CDN.
Odpoveď: Hosting jQuery zo siete Content Delivery Network (CDN) pomáha pri vysokej dostupnosti a vysokom výkone pri nižších nákladoch a malom zaťažení siete, vylepšenej latencii (pri odosielaní a prijímaní dátového paketu zo servera sa vyžaduje kratšia doba), ponúka verziu pre konkrétne zariadenie obsahu.
Príklad: Reakcia na veľkosť obrazovky mobilného telefónu a zabezpečená kapacita úložiska pre citlivé dáta alebo súbory.
Otázka č. 26) Identifikujte akýkoľvek rozdiel medzi .detach () a .remove () jQuery.
Odpoveď: metóda detach () jQuery odstráni vybraný prvok, uchová si však údaje a udalosti. Metóda .remove () nástroja jQuery odstraňuje prvky, údaje aj udalosti.
Otázka č. 27) Môžem na skriptovanie na serveri použiť knižnicu jQuery?
Odpoveď: jQuery je klientská skriptovacia knižnica Javascript. Nemožno ho použiť na skriptovanie na strane servera.
Otázka č. 28) Môžete uviesť nejaké situácie alebo scenáre použitia jQuery?
Odpoveď:
Program jQuery môžeme použiť v nasledujúcich situáciách / scenároch:
- Môžeme použiť funkciu jQuery, ktorá môže meniť statické alebo dynamické vlastnosti CSS.
- Pomocou jQuery môžeme volať funkcie na udalosti, ako sú udalosti Form, udalosti klávesnice, udalosti myši, udalosti prehliadača.
- S prvkami DOM môžeme manipulovať (pridávať, upravovať alebo mazať) pomocou jQuery.
- jQuery možno použiť na efekty animácie na prvku HTML postupnou zmenou jeho statickej polohy na inú pozíciu.
Otázka č. 29) Zoznam štyroch parametrov použitých pre metódu jQuery Ajax.
Odpoveď: URL adresa, na ktorú sa požiadavka zasiela, Typ požiadavky, viď GET alebo POST, Dáta / obsah, ktorý sa má poslať na server, a podmienka, či má prehliadač požadovanú stránku povoliť alebo nie uložiť, sú štyri parametre použité pre metódu jQuery Ajax.
Otázka 30) Vysvetlite funkčnosť filtra jQuery.
Odpoveď: .filter () v jQuery skontroluje zhodný prvok a k zhodnému prvku je možné pridať atribút.
Napríklad pre .filter () to môže byť také, ako je uvedené nižšie.
Riadok kódu v API jQuery.filter () na vyhľadanie / odfiltrovanie prvkov zoznamu je uvedený nižšie.
$( 'li' ).filter( ':even' ).css( 'background-color', 'yellow' );
Výsledkom vyššie uvedeného volania metódy je žlté pozadie pre texty Fyzika, Matematika, Dejepis, Francúzština atď., Ktoré sú na indexe 0, 2, 4 atď. (Pamätajte, že index začína od 0, preto 0 je párne) ako zobrazené na obrázku nižšie.
Otázka č. 31) Aký špeciálny znak sa používa ako skratka pre jQuery?
Odpoveď: $ sa používa namiesto jQuery,
Príklad: jQuery (document) .ready (function (); možno použiť ako $ (document) .ready (function ()
Otázka č. 32) Vysvetlite rôzne spôsoby, ako môžeme ladiť jQuery.
Odpoveď: Existuje niekoľko spôsobov, ako môžeme ladiť kód jQuery.
Moderné prehliadače ako Google Chrome, Mozilla Firefox, Opera a Safari majú zabudovaný ladiaci program Javascript. Ak chcete ladiť kód jQuery, stlačte kláves F12 na klávesnici a prehliadač so zabudovaným ladiacim programom otvorí používateľské rozhranie, v ktorom vyberte ponuku Konzola. Chyba sa zobrazí v ponuke konzoly, ak existuje.
Môžete napísať console.log () do kódu, aby ste dostali text chyby, môžete tiež napísať debugger; medzi riadkom kódu, kvôli ladiacemu programu sa skript spustí v režime ladenia, stlačením klávesu F12 do prehliadača sa otvorí konzola, ktorá ladí kód, stlačením klávesu F10 sa načítajú hodnoty objektov jQuery a takto môžeme ladiť kód jQuery .
Otázka č. 33) Vysvetlite možné spôsoby, ako môžeme na stránku zahrnúť jQuery.
Odpoveď: Môžete si stiahnuť komprimovanú produkčnú verziu jquery-3.4.1.min.js zo stránky https://jquery.com/download/ a uložiť ju do priečinka lib v priečinku projektu.
sql plsql pohovor otázky a odpovede
i) Môžeme odkazovať na jquery z lokálneho priečinka na project / lib / Script, ako je uvedené nižšie.
ii) Môžeme odkazovať z webových stránok na doručovanie obsahu, ako je napríklad Microsoft CDN, ako je uvedené nižšie.
Otázka č. 34) Vysvetlite funkčnosť metódy .each () v jQuery.
Odpoveď: jQuery .each () sa používa na iteráciu / výpis prvku DOM prítomného v objekte jQuery.
Príklad
var veg_list = { Onion, Capsicum, Sweet Potato, Cauliflower, Bitter Gourd, Brinjal }; $.each(veg_list, function (index, value) { console.log(value); }); // displays output as Onion Capsicum Sweet Potato, Cauliflower Bitter Gourd Brinjal
Otázka č. 35) Rozlišujte medzi .prop () a .attr () metódami jQuery.
Odpoveď: Nasleduje rozdiel medzi .prop () a .attr ().
Príklad:
spoločnosti zapojené do internetu vecí
Kód jQuery obsahuje metódu attr (), ktorá upravuje hodnoty atribútov obrázka, ako je uvedené nižšie.
Metóda .attr () jQuery mení atribúty ako šírka a orámovanie obrázka.
$ (selector) .attr (atribút prvku, hodnota, na ktorú sa atribúty menia).
Metóda .prop () v jQuery sa používa na vrátenie a úpravu vlastností modelu DOM, ako je skontrolovaný, vybraný alebo deaktivovaný stav.
Pink
Pre typ vstupu ako začiarkavacie políčko je hodnota ružová a je zaškrtnutá vlastnosť DOM,
Kód jQuery obsahuje metódu prop (), ktorá upravuje vlastnosti zobrazenia prvku.
Metóda .attr () nám pomáha vybrať hodnotu, ktorá je tu „ružová“, zatiaľ čo metóda .prop () vyberie vlastnosť, ktorá je tu „zaškrtnutá“.
Otázka č. 36) Vysvetlite funkčnosť jQuery.noConflict.
Odpoveď: Metóda noConflict () jQuery sa používa na riešenie konfliktov, keď potrebujeme použiť iné rámce ako jQuery.
Napríklad, veľa knižníc jazyka JavaScript, ako napríklad Mootools, prototyp, zepto atď., používa $, názov funkcie alebo premennej, ktorý sa používa ako náhrada textu jQuery v kóde jQuery, a v takýchto prípadoch metóda .noConflict () umožňuje používať $ identifikátor skratky tým, že ho umožní používať iným skriptom.
Otázka č. 37) Rozlišujte medzi šírkou () a css (šírka) v jQuery.
Odpoveď: V jQuery existujú dve rôzne metódy na zmenu šírky prvku. Prvým spôsobom je použitie .css (property) a druhým spôsobom je použitie .property ().
Príklad:
$(selector).css(property,value_change); $(selector).property(value_change);
V .css (vlastnosť), ktorá je v tomto prípade šírka, musíme pridať px do zmeny hodnoty, povedzme 300 pixlov.
Môžeme použiť .property (value_change), čo je v tomto prípade šírka a nemusíte pridávať px, ale priamu hodnotu.
Otázka č. 38) Kde môžeme použiť metódu param () v jQuery?
Odpoveď: Môžeme zobraziť pole, obyčajný objekt alebo objekt jquery vo forme prúdu bajtov, aby sme ich mohli uložiť do pamäte, súboru alebo databázy pomocou metódy param () v jQuery.
Otázka č. 39) Rozlišujte medzi $ (týmto) a týmto v jQuery.
Odpoveď: $ (toto) je objekt jQuery, zatiaľ čo toto je globálny odkaz na objekt JavaScriptu, pomocou ktorého môžeme v dokumente HTML odkázať na prvok DOM.
$ (this) odkazuje na nadradený objekt, zatiaľ čo sa odkazuje na element DOM, ktorý v prípade poľa predstavuje objekt metódou .each (), ktorý zobrazuje aktuálnu iteráciu.
Otázka č. 40) Popíšte funkčnosť čítaných cookies, zapisujte cookies a mazajte cookies v jQuery.
Odpoveď: Pri návšteve webových stránok sú súbory cookie údajové hodnoty, napríklad meno používateľa, ktoré sa uloží do malých textových súborov v počítači. Pri opätovnej návšteve webových stránok si súbory cookie pomáhajú zapamätať si meno používateľa. JavaScript a jQuery vytvárajú, čítajú a mazajú súbory cookie s vlastnosťou document.cookie.
Otázka č. 41) Aké je použitie metódy serialize () v jQuery?
Odpoveď: Serializuje hodnoty formulára tak, aby jeho serializované hodnoty mohli byť použité v reťazci dotazu URL pri vytváraní požiadavky AJAX.
Metóda .serialize () jQuery vracia vstupné hodnoty formulára HTML vo forme reťazca.
Otázka č. 42) Aké je použitie metódy val () v jQuery?
Odpoveď: Metóda .val () pomáha nájsť hodnotu atribútu prvku HTML. Napríklad, prvky formulára, ako je vstup, výber a textová oblasť. Val () sa tiež používa na vyhľadanie hodnoty všetkých zhodných prvkov zo začiarkavacích políčok a prepínačov, ako aj z rozbaľovacieho zoznamu.
Príklad vysvetlený syntaxou
// form elements such as dropdown with select tag and id mylst, the value of the selected option will have syntax as below $( 'select#mylst option:checked' ).val(); // form element such as a set of radio buttons with input type as radio and name rdobtn, the value can be retrieved $( 'input(type=radio)(name=rdobtn):checked' ).val();
Otázka č. 43) Čo je reťazenie metód v jQuery? Aké výhody ponúka?
Odpoveď: Pri reťazení metód jQuery je možné na jeden riadok kódu použiť viac akcií, pretože všetky metódy vracajú objekty jQuery, ktoré je možné použiť na volanie inej metódy.
Bez reťazenia sa metódy jQuery volajú jedna po druhej v samostatnom riadku, zatiaľ čo pri reťazení sa metódy jQuery zapisujú do jedného riadku kódu oddeleného bodkami.
Bez reťazenia viacerých riadkov kódu, ktoré je potrebné zapísať, takže jQuery vyhľadá zhodný prvok v celom DOM, potom sa v každom riadku kódu použijú jednotlivé metódy. Zatiaľ čo pri reťazení je potrebný iba jednorazový výber zhody prvku z DOM, aby sa dosiahol lepší výkon.
Otázka 44) Aký je rozdiel medzi jQuery.get () a jQuery.ajax ()?
Odpoveď: Metóda jQuery.ajax () sa používa na odosielanie požiadaviek HTTP Ajax, zatiaľ čo metóda jQuery.get () sa používa na odosielanie požiadaviek HTTP GET na načítanie údajov zo servera.
Otázka č. 45) Čo je to QUnit?
Odpoveď: QUnit je rámec, ktorý testuje kód JavaScript napísaný pre jQuery, jQuery UI a jQuery Mobile, na overenie očakávaných výsledkov používa tvrdenia a testovacie prípravky.
Otázka č. 46) Ako jQuery ukladá údaje súvisiace s prvkom?
Odpoveď: Metóda jQuery.data () pomáha pri pripájaní ľubovoľného typu údajov k prvkom DOM bez úniku pamäte. jQuery zaisťuje odstránenie údajov spolu s prvkami DOM odstránenými metódami jQuery.
Kód na ukladanie a načítanie údajov týkajúcich sa prvku.
$('#myDiv').data('keyName', { foo : 'bar'}); $('#myDiv').data('keyName'); // { foo : 'bar'}
Otázka č. 47) Môžete vysvetliť rôzne postupy extrakcie reťazca dotazu pomocou regulárnych výrazov?
Odpoveď: Extrakciu reťazca dotazu s regulárnym výrazom môžeme dosiahnuť nasledujúcimi dvoma spôsobmi.
- Reťazcový prístup: Táto metóda pomáha pri odvodení reťazca porovnaním ekvivalentného regulárneho výrazu pomocou metódy .replace ().
- Prístup regulárneho výrazu: Musí sa použiť najefektívnejšia metóda na extrahovanie reťazca a vzoru dotazu, ktorá sa porovnáva s reťazcami v jazyku JavaScript. Používanie metód .exec () a .test () na porovnávanie so vzormi. match (), matchAll (), replace (), search () a split () je ďalších niekoľko metód pre reťazec.
Otázka č. 48) Vysvetlite koncept metódy dokončenia v jQuery.
Odpoveď: Na zastavenie všetkých animácií zaradených do frontu a na pomoc s uvedením do konečného stavu sa používa metóda .finish ().
Otázka č. 49) Rozlišujte medzi volaním metódy stop (true, true) a metódy ukončenia.
Odpoveď: Metóda .finish () pomáha pri čistení frontu a pomáha animáciám vstúpiť do ich konečného stavu, zatiaľ čo metóda .stop () sa volá na elemente tým, že núti momentálne spustenú animáciu, aby sa okamžite zastavila.
Otázka 50) Ako môžete pomocou jQuery napísať kód pre konkrétny prehliadač?
Odpoveď: Môžeme napísať kód špecifický pre prehliadač do jQuery pomocou navigator.userAgent na identifikáciu prehľadávača z Internet Exploreru, Chrome, Firefoxu, Safari a Opery, ako je napísaný kód uvedený nižšie.
if (navigator.userAgent.search('MSIE') >= 0) { // JQuery Code once navigator.userAgent identifies Microsoft Internet Explorer browser. } else if (navigator.userAgent.search('Chrome') >= 0) { // JQuery Code once navigator.userAgent identifies Google Chrome browser. } else if (navigator.userAgent.search('Firefox') >= 0) { // JQuery Code once navigator.userAgent identifies Mozilla Firefox browser. } else if (navigator.userAgent.search('Safari') >= 0 && navigator.userAgent.search('Chrome') <0) { // JQuery Code once navigator.userAgent identifies either Safari or Chrome browser type. } else if (navigator.userAgent.search('Opera')>= 0) { // JQuery Code once navigator.userAgent identifies Opera browser. }
Otázka č. 51) Aký je postup na kontrolu dátového typu ľubovoľnej premennej v jQuery?
Odpoveď: Funkcia jQuery type () sa používa na identifikáciu dátového typu ľubovoľnej premennej, ako je napríklad dátový typ poľa, reťazca, čísla, funkcie alebo objektu.
Záver
jQuery je knižnica JavaScriptu na manipuláciu s objektovými modelmi dokumentov, ktorá sa používa hlavne pri prechádzaní dokumentov HTML a vývoji JavaScriptu pre rôzne prehliadače a vytvára animácie DOM a Ajax na správu udalostí prehliadača.
Dúfam, že vám odpovede na najčastejšie otázky z rozhovoru týkajúceho sa „jQuery“ pomohli. Precvičte si čo najviac otázok a buďte si istí.
Všetko najlepšie pre váš rozhovor !!
Odporúčané čítanie
- Dotazy a odpovede na pohovor
- ETL Testovacie otázky a odpovede na pohovor
- 50 najdôležitejších otázok a odpovedí na pohovor so Salesforce (aktualizované 2021)
- Niektoré zložité otázky a odpovede na ručné testovanie
- Top 50 najpopulárnejších otázok a odpovedí na rozhovory s CCNA
- Top 51 Bootstrap Interview otázok a odpovedí
- Najvyšších 50+ otázok a odpovedí s databázovými rozhovormi
- 25 najlepších otázok a odpovedí na agilné testovacie pohovory