För dem som förbereder sig för en kommande jQuery-intervju är det viktigt att de är bekanta med alla dess funktioner och funktioner. Det borde vara självklart att en stark JavaScript-utvecklare borde vara bekanta med jQuery, eftersom de på sätt och vis går hand i hand.

Vi har sammanställt en lista med 70 jQuery-intervjufrågor för att få dig mer än redo för att intervjua en utvecklare. Dessa frågor är utformade för att få läsare mer bekanta med den typ av frågor som bör ställas under en intervju.

jQuery_interview_questions

Så vad är jQuery och varför ska du bry dig?

Alla webbutvecklare som sysslar med JavaScript-kod bör implementera jQuery i sin kodningsrutin. De flesta utvecklare som är skickliga i jQuery kommer redan ha en gemensam kunskap om HTML, CSS och förstås JavaScript.

jQuery_interview_questions

jQuerys enda syfte är att göra det enklare för dig att använda JavaScript på din webbplats. W3schools beskriver jQuery som ett enkelt “skriv-mindre-gör-mer”-bibliotek för JavaScript. Några av de största företagen på webben använder jQuery, inklusive Microsoft, Google, IBM, Netflix med flera.

Inte bara är jQuery en tidsbesparare men det förenklar också en hel del aspekter från JavaScript som AJAX-samtal och DOM-manipulation. jQuery tar dessa commons-uppgifter som kräver flera rader med JavaScript-kod och det omsluter dem till olika metoder som du kan anropa med en enda kodrad. Hur bra är inte det?

jQuery_interview_questions

Varför ska du använda jQuery?

Som webbutvecklare kanske du redan vet att det finns en handfull andra JavaScript-ramverk som är tillgängliga där ute, varför använder du jQuery? Det är inte bara ett av de mest populära ramverken men det är också de mest utdragbara och mångsidiga ramverken att arbeta med. jQuery har ändå ändrat hur människor skriver JavaScript!

Här är vad jQuery vanligtvis behövs för:

  • utveckla webbläsarkompatibla webbappar
  • förbättra prestanda för en app
  • snabbhet och flexibilitet
  • UI-relaterade funktioner skrivs med minimala koder

Generella frågor

1. Vad är jQuery?

jQuery.com definierar jQuery som ”ett snabbt, litet och funktionsrikt JavaScript-bibliotek. Det gör saker som HTML-traversering och manipulering, händelsehantering, animering och Ajax mycket enklare med ett lättanvänt API som fungerar över en mängd av webbläsare. ”


2. Ersätter jQuery JavaScript?

 

Nej, jQuery bygger i huvudsak på JavaScript.

 


3. Varför är jQuery bättre än JavaScript?

 

Det beror på. jQuery bibliotek används för att utveckla Ajax-support och applikationer men hanterar även händelser, animeringar och det hjälper till att skriva ren och organiserad kod. jQuery kan vara tungt och nuförtiden har vi många lätta bibliotek som ger stöd i separata projekt. Det är bättre om användarna väljer de bibliotek de behöver för sitt arbete istället för att använda en bunt bibliotek samtidigt.

 


4. Vad är skillnaden mellan jQuery och JavaScript?

 

Det är viktigt att notera att JavaScript är ett språk och jQuery är ett inbyggt bibliotek som är byggt av JavaScript. I slutändan förenklar jQuery användningen av JavaScript-språk. jQuery är skrivet ovanpå JavaScript och det är i huvudsak ett annat bibliotek.

 


5. Var kan du ladda ner jQuery?

 

jQuery JavaScript kan laddas ner från jQuerys officiella hemsida på jQuery.com.


6. Är jQuery klient- eller en server-skript?

 

jQuery är ett klientskript.

 


7. Är jQuery en W3C-standard?

Nej, jQuery är inte en W3C-standard.


8. Vilka funktioner i jQuery har använts i webbapplikationer?

 

jQuery använder funktioner som sliding, filuppladdning och dragspel i olika webbapplikationer.

 


9. Vilka är kärnfunktionerna i jQuery?

 

  • DOM Manipulation − Query gör det enklare att välja DOM-element, kryssa över dem och ändra innehållet genom att använda en cross-browser-öppenkällkodsväljarmotor som heter Sizzle.
  • Event Handling −jQuery erbjuder ett användbart sätt att fånga ett brett utbud av händelser, till exempel en användare som klickar på en länk utan att behöva röra HTML-koden själv med händelsehanterare.
  • AJAX Support − Gör det möjligt att utveckla en lyhörd och funktionsrik webbplats med AJAX-teknik.
  • Animationer – jQuery kommer med massor av inbyggda animationseffekter som du kan använda över hela deras webbplatser.
  • Lätt – jQuery är ett mycket lätt bibliotek. Det är ungefär 19 KB stort.
  • Cross Browser Support − jQuery har stöd för webbläsare som fungerar bra i IE 6.0+, FF 2.0+, Safari 3.0+, Chrome och Opera 9.0+.
  • Senaste tekniken – Stöder CSS3-selektorer och grundläggande XPath-syntax.

10. Vad används varje funktion för i jQuery?

 

Varje jQuery-funktion används för att iterera varje element i ett objekt. Funktionerna jQuery används för att slinga DOM-element, arrays och objektegenskaper.

 


11. Vilka är fördelarna med jQuery?

 

  • Det fungerar som en JavaScript-förbättring.
  • Det gör kodningen enklare, tydlig och återanvändbar.
  • Enkel borttagning av skrivning av mer komplexa förhållanden och loopar.

 


12. I vilka scenarier kan jQuery användas?

 

  • Applicera CSS, statisk eller dynamisk.
  • Samtalsfunktioner på händelser.
  • Manipuleringsändamål.
  • Huvudsakligen för animationseffekter.

13. Vilka metoder används för att ge effekter?
  • Show()
  • Hide()
  • Toggle()
  • FadeIn() and
  • <FadeOut()

 


14. Vilka är webbläsarrelaterade problem för jQuery?

 

Vissa webbläsarrelaterade problem som uppstår med jQuery inkluderar webbläsarkompatibiliteten för jQuery-plugin. Detta behöver ibland lösas.

 


15. Vad är skillnaden mellan storleken och längden på jQuery?

 

Storlek och längd returnerar både antalet element i ett objekt. Men längden är snabbare än storleken eftersom längden är en egenskap och storlek är en metod.

 


16. Är jQuery en JavaScript- eller JSON-biblioteksfil?

 

jQuery är ett bibliotek med en JavaScript-fil och består av DOM, händelseffekter och Ajax-funktioner. jQuery beskrivs som en enda JavaScript-fil.

 


Anonyma funktioner


17. Definiera en anonym funktion.

 

En anonym funktion liknar en normal funktion men det har inget namn kopplat till det.

 


18. Är det möjligt att tilldela en anonym funktion till en variabel?

 

Ja.

 


19. Kan du skicka en anonym funktion som argument till en annan funktion?

 

Ja.

 


20. Vad är alla olika sätt att inkludera jQuery på en sida?

 

  • Lokal kopia inne i en skriptikett.
  • Fjärrkopia av jQuery.com.
  • Fjärrkopia av Ajax API.
  • Lokal kopia av managerns kontroll.
  • Embedded script med klientskriptobjekt.

 


Selectors


21. Beskriv en jQuery-väljare.

 

En väljare är en funktion som använder uttryck för att ta reda på matchande element från en DOM baserat på de givna kriterierna. De används för att välja ett eller flera HTML-element med jQuery. När ett element väljs kan du utföra olika operationer på det valda elementet.

 


22. Vilka typer av selectors eller väljare finns i jQuery?

 

  1. CSS-väljare
  2. XPath-väljare
  3. Custom-väljare

 


23. Vilka är de grundläggande väljarna i jQuery?

 

  • Element ID
  • CSS Name
  • Tag Name
  • DOM hierarchy

 


24. Vilken är den snabbaste väljaren i jQuery?

 

ID och Element är de snabbaste väljarna.

 


25. Vad är den långsamma väljaren i jQuery?

 

Klassväljare är de långsammaste väljare.

 


26. Hur löser du en konflikt med ett annat JavaScript-bibliotek om $ redan används?

 

Funktionen $() är en synonym för en jQuery()-funktion. Om du använder ett annat JavaScript-bibliotek där $-tecken skapar konflikter, kan du ersätta $-tecknet med dess jQuery-namn och du kan använda funktionen jQuery() istället.

 


27. Vad är chaining?

Chaining används för att ansluta flera händelser och funktioner i en väljare.


28. Vad är en jQuery connect?

En jQuery connect är ett plugin som används för att ansluta en funktion till en annan funktion. jQuery Connect används för att utföra funktioner från någon annan funktion eller plugin som körs.


29. Hur använder du connect?

 

Man kan använda connect genom att hämta en jQuery-anslutningsfil från jQuery.com och genom att inkludera den i HTML-filen. Använd funktionen ”$ .connect” för att ansluta en funktion till en annan funktion.

 


30. Vad är skillnaden mellan find- och child-metoder?

 

Find-metoder används för att hitta alla nivåer ner i DOM-trädet. Child-metoder används för att hitta en nivå i DOM-trädet.

 


31. Vad är användningen av jQuery-filter?

 

JQuery-filtret används för att filtrera vissa värden från objektlistan baserat på specifika kriterier. Exempel är att filtrera vissa produkter från huvudlistan över produkter i en kundvagnswebbplats.

 


32. Vad är användningen av jQuery.data() -metoden?

 

jQuery-datametoden används för att associera data med DOM-noder och JavaScript-objekt. Denna metod används ofta eftersom den håller din kod mycket kortfattad och organiserad.

 


33. Vilken typ av funktioner innehåller jQuery-biblioteket?

 

  • HTML/DOM-manipulation
  • CSS-manipulation
  • HTML event-metoder
  • Effekter och animationer
  • AJAX
  • Verktyg

 


34. Hur ser du till att DOM redan använder jQuery?

Använd $(document) .ready()-funktionen. Allting inuti det laddas så fort DOM är laddat och innan sidinnehållet laddas.


Element


35. Hur väljer du element som använder jQuery med det angivna elementet tag-name?

$(’tag-name’) markerar alla element i ett typnamn i dokumentet. Till exempel väljer $(’p’) alla punkter i dokumentet.


36. Hur får du html-innehållet (innerHTML) för ett element med jQuery?

 

Metoden html() får html-innehållet (innerHTML) av det första matchade elementet.

 


37. Hur får du bredden och hur ställer du in bredden på ett element med jQuery?

 

Width(val) anger CSS-bredden för varje matchat element och metoden width() får den aktuella beräknade pixeln, bredden på det första matchade elementet.

 


38. Hur tar du bort en uppsättning matchade element?

 

The remove( expr )-metoden tar bort alla matchade element från DOM.

 


39. Hur kan du skapa ett objekt i JavaScript?

 

JavaScript stöder objektkoncept extremt bra. Du kan skapa ett objekt genom att använda objektet bokstavligt enligt nedan:

var emp = {
    name: "Zara",
    age: 10
};

Spoiler title

 

’this’ är JavaScripts kända sökord och det refererar alltid till det aktuella sammanhanget.

 


41. Vilket tecken används som en genväg för jQuery?

 

Dollar-tecknet ($) används som en genväg.

 


42. Vad är fördelen med att använda en minimerad version av jQuery?

 

När en minimerad version av jQuery används, gör detta din webbsida mycket snabbare.

 


43. Hur är jQuery uppbyggt?

 

jQuery är en JavaScript-fil och dess enda javascript-fil innehåller vanliga DOM, händelseffekter och Ajax-funktioner.

 


44. Vilket program är mest användbart för testning av jQuery?

 

QUnit används för att testa jQuery och det är mycket enkelt och effektivt att använda.

 


45. Hur kan du felsöka jQuery?
  1. Debugger Keyword-Lägg debugger till raden från var du måste starta debugging och kör sedan en Visual Studio i Debug-läge med din F5-funktionsknapp.
  2. Sätt in en brytpunkt efter att processen har lagts till.

 


46. Kan jQuery HTML fungera för både HTML- och XML-dokument?

 

Nej, jQuery HTML fungerar inte för XML-dokument, det fungerar bara för HTML.

 


47. Är det möjligt att anropa C#-kod bakom med jQuery?

 

Ja, du kan använda jQuery för att skicka en Ajax-begäran till servern för att ringa till C#-koden.

 


48. Vad används jQuery.data-metoden för?

 

Metoderna jQuery.data används för att associera data med DOM-noder och objekten. Denna datametod är det som gör jQuery-koden tydlig och koncis.

 


49. Vad är CDN och vad står det för?

 

CDN står för Content Distribution Network och det är en grupp olika företag på flera platser med nätverk som innehåller kopior av datafiler för att maximera bandbredd när man ska komma åt data.

 


50. Vilka är de två typerna av CDN?

 

  1. Microsoft – Ladda jQuery från Ajax CDN
  2. Google – Ladda jQuery från Google Libraries API

 


51. Vilka är fördelarna med att använda en CDN?

 

Att använda en CDN minskar belastningen från servern och sparar bandbredd eftersom jQuery-ramarna laddas snabbare från dessa CDN. Om en användare regelbundet besöker en webbplats som använder jQuery-ramar från någon av dessa CDN, kommer den att cachas.

 


52. Hur inkluderar du ditt jQuery-bibliotek i ett ASP.Net-projekt?

 

Hämta jQuery-biblioteket från jQuery.com och inkludera den här referensen på asp.net-sidan.

 


53. Vad är skillnaden mellan onload() och document.ready()?

 

Vi kan bara ha en onload-funktion men vi kan ha mer än ett dokument. Document.ready-funktionen heter DOM när den laddas. Onload-funktionen heter DOM och bilder laddas på sidan.

 


54. Vilken inbyggd metod kombinerar texten i två strängar och returnerar en ny sträng?

 

concat()-metoden returnerar tecknet vid det angivna indexet.

 


55. Vilken metod används för att definiera det specifika tecknet istället för $-tecken?

 

Metoden NoConflict används för att referera till en jQuery och spara den i en variabel. Denna variabel kan användas istället för Sign.

 


56. Vilken inbyggd metod anropar en funktion för varje element i en array?

 

Metoden forEach() anropar en funktion för varje element.

 


57. Vad är skillnaden mellan metoderna .detach() och .remove()?

 

.detach() behåller all jQuery-data som är associerad med de borttagna elementen och .remove() gör det inte. Bortsett från denna distinktion, är de samma. När borttagna element måste återinsättas i DOM senare är det här när .detach() är mest användbar.

 


58. Behöver vi lägga till en jQuery-fil på både Masters och Content-sidorna?

 

jQuery-filen ska läggas till på Mastersidan och sedan kan den användas eller direkt nås från innehållssidan utan att ha någon hänvisning till den.

 


59. Hur får du och anger stilegenskapen hos ett element med jQuery?

 

Metoden css(name) returnerar en stilegenskap på det första matchade elementet och ställer in en enda stilegenskap till ett värde.

 


60. Hur får du och ställer bredden på ett element med jQuery?

 

width(val)-metoden anger CSS-bredden för varje matchat element tillsammans med den aktuella beräknade pixeln.

 


61. Vad är användningen av jQuerys load-metod?

 

jQuerys load-metod är en kraftfull AJAX-metod som används för att ladda data från en server och tilldela data till elementet utan att ladda sidan.

 


62. Vilken metod kan anropas inuti koden bakom att använda jQuery?

 

$.ajax kan anropas och genom att deklarera WebMethod inuti koden bakom att använda jQuery.

 


63. Hur gör du ett ajax-samtal?

 

Metoden load (url, [data], [callback]) laddar HTML från en fjärrfil och injicerar den i DOM.

 


64. Vänligen förklara skillnaden mellan en jQuery.get() och en jQuery.ajax()?

 

jQuery.ajax() är en allomfattande Ajax-förfrågan. Det skapar anpassade Ajax-förfrågningar, med alternativ för svarstid, hantering av ett misslyckande för blockering (synkron) eller icke-blockering (asynkron)-förfrågningar, formatering av en begäran om svaret etc.

jQuery.get() är en genvägsmetod som använder jQuery.ajax() för att skapa en Ajax-förfrågan för enkel hämtning av information. Andra förbyggda Ajax-förfrågningar inkluderar jQuery.post(), jQuery.getScript() och jQuery.getJSON().

 


Spoiler title

 

Ja, men det är viktigt att notera den body.onload kan bara läggas till när den är på en sida.

 


66. Hur kan du skapa en array i JavaScript?

 

Du kan definiera arrays med hjälp av den array som beskrivs nedan:

var x = [];
var y = [1, 2, 3, 4, 5];

 


67. Kan du använda dina egna specifika tecken i stället för $ i jQuery?

 

Ja, du kan använda din egen variabel i stället för $ genom att använda metoden som heter No Conflict().

var sample = $.noConflict()

 


68. Vilken inbyggd metod returnerar tecknet vid det angivna indexet?

 

charAt()-metoden returnerar tecknet vid det angivna indexet.

 


69. Vilka fyra parametrar används för jQuery Ajax-metoden?

 

De fyra parametrarna är:

  • URL – Behöver ange webbadressen för att skicka förfrågan
  • type – Anger typ av förfrågan (Get eller Post)
  • data – Anger data som ska skickas till servern.
  • Cache – Om webbläsaren ska cache den begärda sidan

70. När använder du jQuery.ajax-metoden()?

 

jQuery.ajax-metoden används för asynkrona HTTP-förfrågningar.

 

 

Vi skulle vilja tacka Nguyễn Chí Duy Đức för att låna ut sin jQuery-expertis till den här artikeln.

Đức är vår Senior Full Stack Developer. Han är mycket entusiastisk och en proaktiv utvecklare som alltid strävar efter att hålla sig uppdaterad om de senaste teknikerna.

Om du är redo att ta nästa steg, hitta en Pangara-utvecklare idag. Vi ser fram emot att arbeta med dig!

Håll dig uppdaterad om Pangaras senaste nyheter och händelser på vår Facebook, LinkedIn och Twitter.

Summary
Intervjufrågor för att anlita jQuery-utvecklare
Article Name
Intervjufrågor för att anlita jQuery-utvecklare
Description
Vi har sammanställt en lista med 70 jQuery-intervjufrågor för att få dig mer än redo för att intervjua en utvecklare. Dessa frågor är utformade för att få läsare mer bekanta med den typ av frågor som bör ställas under en intervju.
Author
Publisher Name
Pangara
Publisher Logo