50 most common jquery interview questions
V tomto výukovém seznamu jsou uvedeny nejčastěji kladené dotazy a odpovědi na rozhovor s jQuery, které vám pomohou připravit se na váš nadcházející rozhovor s jQuery:
Pokud se připravujete na pohovor s jQuery, jsou zde nejčastěji kladené otázky k pohovorům s jQuery s odpověďmi a příklady pro vaši referenci.
Pokusili jsme se spojit všechny možné otázky, se kterými se můžete během technického pohovoru pravděpodobně setkat, abychom ověřili vaši kompetenci v jQuery.
Pojďme prozkoumat!
Co se naučíte:
Co je jQuery?
jQuery je knihovna JavaScript pro manipulaci s objektovými modely dokumentů, která se používá hlavně při správě a cestování přes dokumenty HTML, zpracování událostí webových prvků, speciálních efektů na komunikaci DOM a Ajax a vývoji JavaScriptu pro více prohlížečů.
jQuery je odlehčená knihovna JavaScriptu, která obsahuje následující funkce:
- Manipulace s HTML / DOM
- Manipulace s CSS
- Metody událostí HTML
- Efekty a animace
- AJAX
- Utility
Seznam nejdůležitějších dotazů na rozhovor s jQuery
Otázka č. 1) Můžete vysvětlit, co je jQuery?
Odpovědět: jQuery je rychlá, lehká a na funkce bohatá knihovna JavaScriptu. Je snadné používat rozhraní API kompatibilní s různými prohlížeči pro procházení a manipulaci s dokumenty HTML, zpracování událostí, přidávání efektů animace na webové stránky a pomáhá při interakcích Ajaxu.
Otázka č. 2) Rozlišujete mezi JavaScriptem a jQuery?
Odpovědět: JavaScript je skriptovací jazyk s otevřeným zdrojovým kódem, který dělá ze statických webových stránek dynamické stránky, které se používají k ověření dat formuláře před odesláním na server.
jQuery je lehká, rychlá knihovna javascriptů, kompatibilní s prohlížečem, sloužící k procházení a manipulaci s dokumenty HTML, zpracování událostí, přidávání animačních efektů na webové stránky a pomáhá při interakcích Ajaxu.
Otázka č. 3) Vysvětlete různé metody efektů jQuery.
Odpovědět: Metoda efektů jQuery nám pomáhá přidat některé speciální efekty do prvků HTML přítomných v DOM webových stránek a tyto metody lze seskupit do efektů fade, slide, hide, show a special effects.
Seznam metod efektů jQuery je uveden níže.
- ukázat(): Tato metoda může zobrazit / zobrazit vybraný prvek.
- skrýt(): Tato metoda skryje vybraný prvek.
- přepnout (): Tato metoda pomáhá přepínat mezi metodou show () a hide () pro vybraný prvek.
- fadeIn (): Tato metoda pomáhá mizet (zobrazovat) skryté prvky na stránce, tj. Vytvářet ze skrytých prvků neprůhledný prvek.
- odeznít(): Tato metoda pomáhá skrýt prvek z webové stránky tím, že barevný prvek zprůhlední, jinými slovy vybledne.
- fadeToggle (): Tato metoda pomáhá upravit stav vybraného prvku, tj. Skrytého vybraného prvku na viditelný a viditelného vybraného prvku do skrytého prvku.
- slideUp (): Tato metoda může pomoci vybranému prvku HTML posunout nahoru.
- sklouznout dolů(): Tato metoda může pomoci vybranému prvku HTML sklouznout dolů.
- slideToggle (): Tato metoda pomáhá upravit polohu vybraného prvku, tj. Vybraného prvku, pokud se posune nahoru ze své polohy, pak se posune dolů a pokud vybraný prvek sklouzne dolů ze své polohy, pak se posune nahoru.
- animovaný (): Tato metoda může změnit vybrané prvky z jednoho stavu do druhého pomocí stylů CSS. Hodnota vlastnosti CSS, jako je pozice, barva nebo tvar, se mění v určitém intervalu, což má za následek animovaný efekt.
Otázka č. 4) Uveďte několik příkladů metod Ajaxu v jQuery.
Odpovědět: Ajax pomáhá odesílat a načítat data i měnit obsah webové stránky ze serveru bez nutnosti opětovného načtení celé stránky. Metody jQuery Ajax, jako jsou load (), get (), post (), usnadňují volání Ajaxu prováděná aplikací.
Otázka č. 5) Vysvětlete funkčnost metody Ajax ().
Odpovědět: Metoda Ajax () odesílá asynchronní požadavky HTTP na server a přijímá data ze serveru. Metoda Ajax () je cenná, protože nabízí možnost specifikovat zpětná volání pro úspěch i selhání.
Otázka č. 6) Vysvětlete funkčnost metody ajax load ().
Odpovědět: Metoda load () odesílá požadavky HTTP na načtení dat ve formě HTML nebo textového obsahu ze serveru a vrací vrácená data do vybraných prvků DOM.
jak otevřít soubor .bin
Otázka č. 7) Vypracovat události jQuery Ajax.
Odpovědět: Metody Ajax aktivují obslužnou rutinu události, která vede k událostem jQuery Ajax. Některé z příkladů událostí jQuery Ajax jsou uvedeny níže.
Tyto události jsou rozděleny do kategorií na místní události a globální události.
- ajaxStart (): Jedná se o globální událost, tato událost se spustí v důsledku spuštění požadavku Ajaxu, pokud není aktuálně spuštěn žádný jiný požadavek Ajaxu.
- beforeSend (): Jedná se o místní událost, jak název napovídá, tato událost se vyvolá před spuštěním požadavku Ajax, což umožňuje upravit objekty XMLHttpRequest.
- ajaxSend (): Jedná se o globální událost a tato událost bude volána před spuštěním požadavku Ajax.
- úspěch(): Je to místní událost. Tato událost se spustí pouze v případě, že požadavek Ajax byl úspěšně odeslán (tj. Při odesílání požadavku Ajax událost nezobrazí žádnou chybu ze serveru nebo z dat).
- ajaxSuccess (): Jedná se o globální událost, spouští se pouze v případě, že odeslaný požadavek byl úspěšný.
- chyba(): Jedná se o místní událost, která se spustí, pokud dojde k chybě při provádění požadavku. (Při odesílání požadavku Ajaxu můžete mít buď chybné, nebo úspěšné zpětné volání)
- ajaxError (): Jedná se o globální událost, která se chová stejně jako její lokální událost error ().
- kompletní(): Je to místní událost. Tato událost bude volána bez ohledu na to, zda je požadavek úspěšný nebo má za následek chybu, a jsou přijata kompletní zpětná volání, a to i pro synchronní požadavky.
- ajaxComplete (): Jedná se o globální událost, která se chová stejně jako její lokální protějšek událost complete (), a to i pro synchronní požadavky.
- ajaxStop (): Jedná se o globální událost, která se spustí, když ještě nejsou zpracovávány / čekají na zpracování žádné požadavky Ajaxu.
Otázka č. 8) Vysvětlete funkčnost metody ajaxComplete ().
Odpovědět: AjaxComplete () se volá bez ohledu na to, zda je požadavek úspěšný nebo má za následek chybu, a je přijato úplné zpětné volání, a to i pro synchronní požadavky.
Otázka č. 9) Vysvětlete funkčnost metody ajaxStart ().
Odpovědět: Událost ajaxStart () je globální událost, která se spustí v důsledku spuštění požadavku Ajax, pokud aktuálně nejsou spuštěny žádné další požadavky Ajaxu.
Otázka č. 10) Vysvětlete některé příklady událostí v jQuery.
Odpovědět: Akce na prvcích HTML napříč webovými stránkami jsou události v jQuery nebo JavaScriptu, čímž se vytvářejí dynamické webové stránky.
Několik příkladů událostí je uvedeno níže.
- Klikání myší na prvek, jako je tlačítko.
- Odesílání hodnot vstupních prvků z formuláře HTML.
- Obnovit výchozí hodnoty prvku formuláře nebo znovu načíst stránku.
- Stisknutím nebo zadáním jedné nebo více kláves na klávesnici.
- Rolování webové stránky atd.
Otázka č. 11) Vysvětlete příklady některých kategorií událostí jQuery.
Odpovědět: Události jQuery jsou kategorizovány na základě jejich typů:
- Události myši, jako je kliknutí a dblclick.
- Události na klávesnici, jako je zapnutí a vypnutí kláves.
- Formulujte události, jako je odeslání, zaměření a změna.
- Události dokumentu / okna, jako je načítání, uvolňování a posouvání.
Otázka č. 12) Vysvětlete funkčnost metody jQuery CSS ().
Odpovědět: Metoda CSS () v jQuery se používá ke kontrole aktuální hodnoty vlastnosti stylu, přidání nebo změně vlastnosti stylu vybraného prvku. Jinými slovy, metoda jQuery CSS () se používá ke ZÍSKÁNÍ a NASTAVENÍ vlastností stylu CSS prvku DOM.
Otázka č. 13) Rozlišujte mezi metodami find () a children ().
Odpovědět: .find () a .children () se používají k vyhledání podřízených shodných prvků DOM, .find () cestuje na libovolnou úroveň dolů, zatímco .children () cestuje o jednu úroveň dolů k vyhledání prvku.
Zvažme následující strukturu DOM v dokumentu HTML.
Syntaxe v rozhraní jQuery .find () API k vyhledání prvku uvnitř
$('li.item-li').find('li').css('background-color','yellow');
Výsledkem výše uvedeného volání metody je žluté pozadí na položkách A, B, 1, 2, 3 a C, jak je znázorněno na následujícím obrázku.
Metoda .find () vybírá všechny podřízené prvky prvku DOM, který je procházen.
Syntaxe v API jQuery .children () k vyhledání prvku pomocítag s třídou „level-2“.
$( 'ul.level-2' ).children().css( 'background-color', 'yellow' );
Výsledkem výše uvedeného volání metody je žluté pozadí na položkách A, B a C, jak je znázorněno na obrázku níže.
Metoda .children () vybírá jednotlivé úrovně prvků prvku DOM, který je procházen.
Otázka č. 14) Vysvětlete různé typy selektorů a jejich funkce v jQuery.
Odpovědět: Voliče jQuery se používají k vyhledání / výběru prvků HTML z hierarchie DOM na základě jejich atributů uvedených níže.
- název
- id
- třída
- typ
- hodnoty
Základní typy selektorů jsou:
- název
- ID
- Jméno třídy
- Univerzální selektor, například *, který vybírá všechny prvky v DOM.
- Více prvků. Příklad:
- ,
,.
- Výběr atributů, Příklad: identifikovat / vybrat prvky na základě jejich atributů, jako je barva, styl písma nebo barva pozadí.
Níže je vysvětlen příklad více prvků a selektorů atributů v jQuery.
Ve výše uvedeném kódu jQuery je atribut třídy selektor a barva písma textu uvnitř prvku značky HTML se změní na zelenou. Tento kód ovlivní / změní barvu písma textů uvnitř všech prvků, které mají atributy třídy.
Otázka č. 15) Rozlišujte mezi voličem ID a třídy v jQuery.
Odpovědět: Každý prvek HTML může mít pouze jedno ID, jinými slovy lze prvek identifikovat pomocí jedinečného ID, zatímco na více prvcích můžete použít stejnou třídu.
Příklad selektoru ID v jQuery za účelem skrytí prvku DOM s atributem ID, řekněme prvek s ID jako „gold_coin“
$('#gold_coin').hide();
Chcete-li skrýt, řekněte všechny odkazy, které mají svou třídu, jako „raw“,
$('a.raw').hide();
Otázka č. 16) Vysvětlete výhody metod jQuery Ajax.
Odpovědět: Ajax může požadovat a přijímat data ze serveru bez opětovného načtení stránky pomocí DOM a JavaScriptu.
Níže jsou uvedeny výhody použití metod Ajaxu v jQuery:
- Umožňuje nám vyjmout celé načtení stránky a dává nám flexibilitu načíst pouze část stránky.
- Jednoduché API.
- Podpora více prohlížečů.
- GET a POST podporovány.
- Nahrajte dokument JSON, XML, HTML nebo skript.
Otázka č. 17) Rozlišujte mezi metodami jQuery onload () a document.ready ().
Odpovědět: Rozdíl mezi metodami onload () a document.ready () spočívá v tom, že metoda onload () JavaScriptu bude volána až po úplném zobrazení / načtení všech objektů ve webovém dokumentu.
Vzhledem k tomu, metoda document.ready () se volá, když se načte struktura DOM v dokumentech. metoda document.ready () je volána velmi rychle ve srovnání s metodou onload (), protože později čeká, až se obrázky úplně zobrazí.
Otázka č. 18) Vysvětlete funkčnost metody connect () jQuery.
Odpovědět: jQuery connect () je plugin, který se používá k připojení / svázání funkce s jinou funkcí přiřazením obslužné rutiny. Pomocí této funkce můžeme použít událost prvku DOM.
Otázka č. 19) Stručně vysvětlete bootstrap a JavaScriptový doplněk.
Odpovědět: Bootstrap je framework nebo sada nástrojů, která obsahuje HTML, CSS a JavaScript k vytvoření webové stránky nebo webové aplikace. Mnoho komponent Bootstrap vyžaduje ke svému fungování pluginy Javascript.
Otázka č. 20) Vysvětlete aplikace pro jQuery Mobile.
Odpovědět: jQuery Mobile je open-source framework kompatibilní s různými prohlížeči navržený k vytváření mobilních aplikací přístupných na všech smartphonech, tabletech a stolních zařízeních.
jQuery Mobile je vytvořen na jQuery a uživatelském rozhraní jQuery pro vykreslování různých speciálních efektů, zpracování požadavků / odpovědí Ajaxu, dotykových událostí a různých widgetů.
Otázka č. 21) Rozlišujte mezi jquery.min.js a jquery.js
Odpovědět: jquery.min.js a jquery.js mají stejnou funkcionalitu, jquery.min.js má odstraněny všechny prázdné mezery, aby byl soubor menší a rychlejší načtení, což má za následek provedení skriptu.
Mít soubory JS minifikované v produkčním prostředí znamená, že se načtou rychleji a poskytnou rychlý a lepší výkon stránky.
Otázka č. 22) Vysvětlete možnost metody jQuery HTML pro dokumenty HTML a XML.
Odpovědět: Metoda jQuery HTML není k dispozici na dokumentech XML, funguje pouze pro dokumenty HTML.
Otázka č. 23) Vysvětlete funkčnost uživatelského rozhraní jQuery (uživatelské rozhraní).
Odpovědět: jQuery UI je knihovna jQuery, která poskytuje vytváření různých objektů uživatelského rozhraní, jako je několik seznamů záznamů, kde mohou uživatelé vybírat, třídit, přetahovat, přetahovat a měnit velikost konkrétních prvků DOM.
Knihovna uživatelského rozhraní také vytváří integrované widgety, jako je automatické dokončování, zaškrtávací políčko, přepínače, výběr dat, nabídka atd., Stejně jako přidávání efektů skrýt, zobrazit nebo přepínat a další animace.
Otázka č. 24) Vysvětlete funkčnost modulu plug-in Data Table pro jQuery.
Odpovědět: Tabulka dat je modul plug-in jQuery, který se při použití na záznamy zobrazuje ve formě tabulky.
Můžeme třídit data mezi jednotlivými i více sloupci, prohledávat konkrétní záznamy, přidávat stránkování, záznamy na stránku a procházet záznamy v tabulce. Data Table can be applied to static data, Array, data in JSON as well as AJAX response.
Otázka č. 25) Vysvětlete některou z výhod hostování jQuery z CDN.
Odpovědět: Hosting jQuery ze sítě Content Delivery Network (CDN) pomáhá při vysoké dostupnosti a vysokém výkonu při nižších nákladech a nízkém zatížení sítě, vylepšené latenci (při odesílání a přijímání datového paketu ze serveru je kratší doba), nabízí verzi specifickou pro zařízení obsahu.
Příklad: Citlivost na velikost obrazovky mobilního telefonu a zabezpečená kapacita úložiště pro citlivá data nebo soubory.
Otázka č. 26) Určete jakýkoli rozdíl mezi .detach () a .remove () jQuery.
Odpovědět: metoda detach () jQuery odstraní vybraný prvek, ale uchová si data a události. Metoda .remove () v jQuery odstraňuje prvky, data i události.
Otázka č. 27) Mohu pro skriptování na serveru použít knihovnu jQuery?
Odpovědět: jQuery je klientská skriptovací knihovna Javascript. Nelze jej použít pro skriptování na straně serveru.
Otázka č. 28) Můžete uvést některé situace nebo scénáře pro použití jQuery?
Odpovědět:
Můžeme použít jQuery v následujících situacích / scénářích:
- Můžeme použít funkci jQuery, která může změnit statickou nebo dynamickou vlastnost CSS.
- Můžeme volat funkce na události, jako jsou události formuláře, události klávesnice, události myši, události prohlížeče pomocí jQuery.
- S prvky DOM můžeme manipulovat (přidávat, upravovat nebo mazat) pomocí jQuery.
- jQuery lze použít pro efekty animace na elementu HTML postupnou změnou jeho statické polohy na jinou pozici.
Q # 29) Seznam čtyř parametrů použitých pro metodu jQuery Ajax.
Odpovědět: Adresa URL, na kterou je požadavek odeslán, Typ požadavku viz GET nebo POST, Data / obsah, který má být odeslán na server, a podmínka, aby prohlížeč požadovanou stránku povolil nebo neukryl, jsou čtyři parametry použité pro metodu jQuery Ajax.
Otázka č. 30) Vysvětlete funkčnost filtru jQuery.
Odpovědět: .filter () v jQuery zkontroluje shodu prvku a atribut lze přidat k prvku shody.
Například pro .filter () to může být, jak je uvedeno níže.
Řádek kódu v rozhraní jQuery.filter () API k vyhledání / odfiltrování prvků seznamu jsou uvedeny níže.
$( 'li' ).filter( ':even' ).css( 'background-color', 'yellow' );
Výsledkem výše uvedeného volání metody je žluté pozadí pro texty Fyzika, Matematika, Historie, Francouzština atd., Které jsou na indexu 0, 2, 4 atd. (Pamatujte, že index začíná od 0, tedy 0 je sudé) jako zobrazené na obrázku níže.
Otázka č. 31) Jaký speciální znak se používá jako zkratka pro jQuery?
Odpovědět: $ se používá místo jQuery,
Příklad: jQuery (document) .ready (function (); lze použít jako $ (document) .ready (function ()
Otázka č. 32) Vysvětlete různé způsoby, jak můžeme ladit jQuery.
Odpovědět: Existuje několik způsobů, jak můžeme ladit kód jQuery.
Moderní prohlížeče jako Google Chrome, Mozilla Firefox, Opera a Safari mají zabudovaný ladicí program Javascript. Chcete-li ladit kód jQuery, stiskněte na klávesnici klávesu F12 a prohlížeč s integrovaným debuggerem otevře uživatelské rozhraní, ve kterém vyberte nabídku „Konzole“. Chyba se zobrazí v nabídce konzoly, pokud existuje.
Do kódu můžete napsat console.log (), abyste získali text chyby, můžete také napsat debugger; mezi řádkem kódu, kvůli debuggeru se skript spustí v režimu ladění, stisknutím klávesy F12 do prohlížeče se otevře konzola, která bude ladit kód, stisknutím klávesy F10 se načtou hodnoty objektů jQuery a takto můžeme ladit kód jQuery .
Otázka č. 33) Vysvětlete možné způsoby, kterými můžeme zahrnout jQuery na stránku.
Odpovědět: Můžete si stáhnout komprimovanou produkční verzi jquery-3.4.1.min.js z webu https://jquery.com/download/ a uložit ji do složky lib ve složce projektu.
nejlepší společnosti pro vývoj webových aplikací v Indii
i) Můžeme odkazovat na jquery z místní složky na project / lib / Scripts, jak je uvedeno níže.
ii) Můžeme odkazovat z webů pro doručování obsahu, jako je Microsoft CDN, jak je uvedeno níže.
Otázka č. 34) Vysvětlete funkčnost metody .each () v jQuery.
Odpovědět: jQuery .each () se používá k iteraci / výpisu prvku DOM přítomného v objektu jQuery.
Pří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
Q # 35) Rozlišujte mezi .prop () a .attr () metodami jQuery.
Odpovědět: Následuje rozdíl mezi .prop () a .attr ().
Příklad:
java vs c ++ což je lepší
Kód jQuery obsahuje metodu attr (), která upravuje hodnoty atributů obrázku, jak je znázorněno níže.
Metoda .attr () nástroje jQuery mění atributy, jako je šířka a okraj obrázku.
$ (selector) .attr (atribut prvku, hodnota, na kterou jsou atributy změněny).
Metoda .prop () v jQuery se používá k návratu a úpravám vlastností DOM, jako je zkontrolovaný, vybraný nebo deaktivovaný stav.
Pink
U typu vstupu jako zaškrtávacího políčka je hodnota růžová a je zaškrtnuta vlastnost DOM,
Kód jQuery obsahuje metodu prop (), která upravuje vlastnost zobrazení prvku.
Metoda .attr () nám pomáhá vybrat hodnotu, která je zde „růžová“, zatímco metoda .prop () vybírá vlastnost, která je zde „zaškrtnuta“.
Otázka č. 36) Vysvětlete funkčnost jQuery.noConflict.
Odpovědět: Metoda noConflict () jQuery se používá k řešení konfliktů, když potřebujeme použít jiné rámce než jQuery.
Například, mnoho knihoven JavaScript, jako je Mootools, prototyp, zepto atd., používá $, název funkce nebo proměnné, který se používá jako náhrada textu jQuery v kódu jQuery, a v takových případech metoda .noConflict () umožňuje použít $ identifikátor zástupce tím, že jej povolí používat jiné skripty.
Otázka č. 37) Rozlišujte mezi šířkou () a css („šířkou“) v jQuery.
Odpovědět: V jQuery existují dvě různé metody, jak změnit šířku prvku. Prvním způsobem je použití .css (vlastnost) a druhým způsobem je použití .property ().
Příklad:
$(selector).css(property,value_change); $(selector).property(value_change);
V .css (vlastnost), což je v tomto případě šířka, musíme přidat px do value_change, řekněme 300px.
Můžeme použít .property (value_change), což je v tomto případě šířka, a nemusíte přidávat px, ale přímou hodnotu.
Otázka č. 38) Kde můžeme použít metodu param () v jQuery?
Odpovědět: Můžeme zobrazit pole, prostý objekt nebo objekt jquery ve formě proudu bajtů, aby je bylo možné uložit do paměti, souboru nebo databáze pomocí metody param () v jQuery.
Otázka č. 39) Rozlišujte mezi $ (this) a tímto v jQuery.
Odpovědět: $ (this) is a jQuery object, while this is a JavaScript's global object reference, using this we can refer DOM element in HTML document.
$ (this) odkazuje na nadřazený objekt, zatímco toto odkazuje na prvek DOM, který v případě pole představuje objekt s metodou .each (), která zobrazuje aktuální iteraci.
Otázka č. 40) Popište funkčnost čtecích cookies, zapisujte cookies a mazejte cookies v jQuery.
Odpovědět: Při návštěvě webových stránek jsou soubory cookie datovými hodnotami, jako je jméno uživatele, které se uloží do malých textových souborů v počítači. Při opětovné návštěvě webových stránek si soubory cookie pomáhají zapamatovat jméno uživatele. JavaScript a jQuery vytvářejí, čtou a odstraňují soubory cookie pomocí vlastnosti document.cookie.
Otázka č. 41) Jaké je použití metody serialize () v jQuery?
Odpovědět: Serializuje hodnoty formuláře tak, aby jeho serializované hodnoty mohly být použity v řetězci dotazu URL při vytváření požadavku AJAX.
Metoda .serialize () jQuery vrací vstupní hodnoty formuláře HTML ve formě řetězce.
Otázka č. 42) Jaké je použití metody val () v jQuery?
Odpovědět: Metoda .val () pomáhá najít hodnotu atributu prvku HTML. Například, prvky formuláře, jako je vstup, výběr a textová oblast. Val () se také používá k vyhledání hodnoty všech odpovídajících prvků z políček a přepínačů a také z rozevíracího seznamu.
Příklad vysvětlen syntaxí
// 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) Co je Chaining metod v jQuery? Jaké výhody nabízí?
Odpovědět: Díky řetězení metod jQuery lze na jeden řádek kódu použít více akcí, protože všechny metody vracejí objekty jQuery, které lze využít k volání jiné metody.
Bez řetězení se metody jQuery volají jedna po druhé v samostatném řádku, zatímco při řetězení se metody jQuery zapisují do jednoho řádku kódu odděleného tečkami.
Bez zřetězení více řádků kódu, které je třeba zapsat, takže jQuery prohledá celý DOM na shodný prvek, pak se v každém řádku kódu použijí jednotlivé metody. Zatímco Chaining potřebuje pouze jednorázový výběr shodného prvku z DOM, aby se zlepšil výkon.
Otázka 44) Jaký je rozdíl mezi jQuery.get () a jQuery.ajax ()?
Odpovědět: Metoda jQuery.ajax () se používá k odesílání požadavků HTTP Ajax, zatímco metoda jQuery.get () se používá k odesílání požadavků HTTP GET k načtení dat ze serveru.
Otázka č. 45) Co je to QUnit?
Odpovědět: QUnit je framework, který testuje kód JavaScript napsaný pro jQuery, jQuery UI a jQuery Mobile, používá tvrzení a testovací přípravky pro ověřování očekávaných výsledků.
Otázka č. 46) Jak jQuery ukládá data související s prvkem?
Odpovědět: Metoda jQuery.data () pomáhá při připojování jakéhokoli typu dat k prvkům DOM bez úniku paměti. jQuery zajišťuje, že data jsou odstraněna spolu s prvky DOM odstraněnými metodami jQuery.
Kód pro ukládání a načítání dat souvisejících s prvkem.
$('#myDiv').data('keyName', { foo : 'bar'}); $('#myDiv').data('keyName'); // { foo : 'bar'}
Otázka č. 47) Můžete vysvětlit různé postupy extrakce řetězce dotazu pomocí regulárních výrazů?
Odpovědět: Extrakci řetězce dotazu s regulárním výrazem můžeme provést následujícími dvěma způsoby.
- Řetězcový přístup: Tato metoda pomáhá při odvozování řetězce porovnáním ekvivalentního regulárního výrazu pomocí metody .replace ().
- Přístup regulárního výrazu: Je třeba použít nejúčinnější metodu pro extrahování řetězce dotazu a vzoru, který se porovnává s řetězci v JavaScriptu. Použití metod .exec () a .test () pro srovnání se vzory. match (), matchAll (), replace (), search () a split () je dalších několik metod pro řetězec.
Otázka č. 48) Vysvětlete koncept metody dokončení v jQuery.
Odpovědět: Aby se zastavily všechny animace ve frontě a pomohlo jim umístit je do konečného stavu, používá se metoda .finish ().
Otázka č. 49) Rozlišujte mezi voláním metody stop (true, true) a dokončení.
Odpovědět: Metoda .finish () pomáhá při mazání fronty a pomáhá animacím vstoupit do jejich koncového stavu, zatímco metoda .stop () se volá u elementu tím, že nutí aktuálně spuštěnou animaci okamžitě se zastavit.
Otázka č. 50) Jak můžete pomocí jQuery napsat kód pro konkrétní prohlížeč?
Odpovědět: Můžeme napsat kód specifický pro prohlížeč v jQuery pomocí navigator.userAgent k identifikaci prohlížeče z Internet Explorer, Chrome, Firefox, Safari a Opera, jak je napsáno níže.
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) Jaký je postup pro kontrolu datového typu libovolné proměnné v jQuery?
Odpovědět: Funkce jQuery type () se používá k identifikaci datového typu jakékoli proměnné, jako je datový typ pole, řetězce, čísla, funkce nebo objektu.
Závěr
jQuery je knihovna JavaScript pro manipulaci s objektovými modely dokumentů, která se používá hlavně při procházení dokumentů HTML a vývoji JavaScriptu napříč prohlížeči, který vytváří animace DOM a Ajax pro správu událostí prohlížeče.
Doufám, že vám odpovědi na nejčastěji kladené otázky z rozhovorů na téma „jQuery“ byly nesmírně užitečné. Procvičte si co nejvíce otázek a buďte si jisti.
Vše nejlepší pro váš rozhovor !!
Doporučené čtení
- Dotazy a odpovědi na pohovor
- ETL Testing Interview Otázky a odpovědi
- 50 nejlepších otázek a odpovědí na rozhovor se Salesforce [aktualizováno 2021]
- Některé složité otázky a odpovědi týkající se ručního testování
- Top 50 nejoblíbenějších dotazů a odpovědí na rozhovor s CCNA
- Top 51 Bootstrap Interview Otázky a odpovědi
- Nejlepší 50+ otázek a odpovědí na rozhovory s databázemi
- 25 nejlepších agilních testovacích otázek a odpovědí na rozhovor