50 most common jquery interview questions
Αυτό το σεμινάριο περιλαμβάνει τις πιο συχνές ερωτήσεις και ερωτήσεις για τη συνέντευξη jQuery που θα σας βοηθήσουν να προετοιμαστείτε για την προσεχή συνέντευξη jQuery:
Εάν προετοιμάζεστε για μια συνέντευξη jQuery, εδώ είναι οι πιο συχνές ερωτήσεις συνέντευξης jQuery με απαντήσεις και παραδείγματα για την αναφορά σας.
Προσπαθήσαμε να συγκεντρώσουμε όλες τις πιθανές ερωτήσεις που ενδέχεται να συναντήσετε κατά τη διάρκεια της τεχνικής συνέντευξής σας για να ελέγξετε την ικανότητά σας στο jQuery.
Ας εξερευνήσουμε!
Τι θα μάθετε:
Τι είναι το jQuery;
Το jQuery είναι μια βιβλιοθήκη JavaScript χειρισμού μοντέλου αντικειμένου εγγράφου, η οποία χρησιμοποιείται κυρίως για τη διαχείριση και τη μετάβαση σε έγγραφα HTML, διαχείριση συμβάντων στοιχείων ιστού, ειδικά εφέ στις επικοινωνίες DOM και Ajax και την ανάπτυξη JavaScript πολλαπλών προγραμμάτων περιήγησης.
Το jQuery είναι μια ελαφριά βιβλιοθήκη JavaScript που περιέχει τις ακόλουθες δυνατότητες:
- Χειρισμός HTML / DOM
- Χειρισμός CSS
- Μέθοδοι συμβάντος HTML
- Εφέ και κινούμενα σχέδια
- ΑΪΑΣ
- Βοηθητικά προγράμματα
Λίστα των κορυφαίων ερωτήσεων συνέντευξης jQuery
Ε # 1) Μπορείτε να εξηγήσετε τι είναι το jQuery;
Απάντηση: Το jQuery είναι μια γρήγορη, ελαφριά και πλούσια σε χαρακτηριστικά βιβλιοθήκη JavaScript. Είναι εύκολο στη χρήση API συμβατό μεταξύ προγραμμάτων περιήγησης για διασταύρωση και χειρισμό εγγράφων HTML, διαχείριση συμβάντων, προσθήκη εφέ κίνησης σε ιστοσελίδες και βοηθά στις αλληλεπιδράσεις Ajax.
Ε # 2) Μπορείτε να κάνετε διάκριση μεταξύ JavaScript και jQuery;
Απάντηση: Το JavaScript είναι μια γλώσσα δέσμης ενεργειών ανοιχτού κώδικα που μετατρέπει τις στατικές ιστοσελίδες σε δυναμικές σελίδες, οι οποίες χρησιμοποιούνται για την επικύρωση δεδομένων φόρμας πριν από την υποβολή τους σε διακομιστή.
Το jQuery είναι μια ελαφριά, γρήγορη βιβλιοθήκη javascript, συμβατή με πρόγραμμα περιήγησης, χρησιμοποιείται για διασταύρωση και χειρισμό εγγράφων HTML, διαχείριση συμβάντων, προσθήκη εφέ κινούμενης εικόνας σε ιστοσελίδες και βοηθά στις αλληλεπιδράσεις Ajax.
Q # 3) Εξηγήστε τις διάφορες μεθόδους εφέ jQuery.
Απάντηση: Η μέθοδος jQuery effects μας βοηθά να προσθέσουμε κάποια ειδικά εφέ σε στοιχεία HTML που υπάρχουν στο DOM των ιστοσελίδων και αυτές οι μέθοδοι μπορούν να ομαδοποιηθούν σε fade, slide, hide, show και ειδικά εφέ.
Η λίστα των μεθόδων εφέ jQuery δίνεται παρακάτω.
- προβολή(): Αυτή η μέθοδος μπορεί να εμφανίσει / δείξει το επιλεγμένο στοιχείο.
- κρύβω(): Αυτή η μέθοδος κρύβει το επιλεγμένο στοιχείο.
- μεταβάλλω(): Αυτή η μέθοδος βοηθά στην εναλλαγή μεταξύ της μεθόδου show () και απόκρυψης () για το επιλεγμένο στοιχείο.
- ξεθωριάζω (): Αυτή η μέθοδος βοηθά τα κρυμμένα στοιχεία στη σελίδα να ξεθωριάζουν (εμφανίζονται), δηλαδή να μετατρέψουν τα κρυφά στοιχεία σε ένα αδιαφανές στοιχείο.
- fadeOut (): Αυτή η μέθοδος βοηθά στην απόκρυψη ενός στοιχείου από την ιστοσελίδα κάνοντας το έγχρωμο στοιχείο διαφανές, με άλλα λόγια, εξασθενεί.
- fadeToggle (): Αυτή η μέθοδος βοηθά στην τροποποίηση της κατάστασης του επιλεγμένου στοιχείου, δηλ. Κρυφό επιλεγμένο στοιχείο σε ορατό και ορατό επιλεγμένο στοιχείο στο κρυφό στοιχείο.
- slideUp (): Αυτή η μέθοδος μπορεί να βοηθήσει το επιλεγμένο στοιχείο HTML να μετακινηθεί προς τα πάνω.
- γλιστρώ(): Αυτή η μέθοδος μπορεί να βοηθήσει το επιλεγμένο στοιχείο HTML να μετακινηθεί προς τα κάτω.
- slideToggle (): Αυτή η μέθοδος βοηθά στην τροποποίηση της θέσης του επιλεγμένου στοιχείου, δηλ. Επιλεγμένου στοιχείου εάν ολισθήσει προς τα πάνω από τη θέση του, τότε θα γλιστρήσει προς τα κάτω και εάν το επιλεγμένο στοιχείο ολισθήσει προς τα κάτω από τη θέση του, τότε θα γλιστρήσει προς τα πάνω.
- κινούμενα (): Αυτή η μέθοδος μπορεί να αλλάξει επιλεγμένα στοιχεία από τη μία κατάσταση στην άλλη με στυλ CSS. Η τιμή της ιδιότητας CSS όπως η θέση, το χρώμα ή το σχήμα αλλάζει εντός ενός συγκεκριμένου διαστήματος με αποτέλεσμα ένα εφέ κινούμενου.
Q # 4) Δώστε μερικά παραδείγματα μεθόδων Ajax στο jQuery.
Απάντηση: Το Ajax βοηθά στην αποστολή και ανάκτηση δεδομένων καθώς και στην αλλαγή του περιεχομένου της ιστοσελίδας από έναν διακομιστή χωρίς καμία ανάγκη για επαναφόρτωση ολόκληρης της σελίδας. Οι μέθοδοι jQuery Ajax όπως φόρτωση (), λήψη (), δημοσίευση () διευκολύνουν τις κλήσεις Ajax που πραγματοποιούνται από την εφαρμογή.
Ε # 5) Εξηγήστε τη λειτουργικότητα της μεθόδου Ajax ().
Απάντηση: Η μέθοδος Ajax () στέλνει ασύγχρονα αιτήματα HTTP στον διακομιστή και λαμβάνει τα δεδομένα από τον διακομιστή. Η μέθοδος Ajax () είναι πολύτιμη καθώς προσφέρει τη δυνατότητα καθορισμού επιστροφών επιτυχίας και αποτυχίας.
Q # 6) Εξηγήστε τη λειτουργικότητα της μεθόδου ajax load ().
Απάντηση: Η μέθοδος load () στέλνει αιτήματα HTTP για φόρτωση δεδομένων με τη μορφή HTML ή περιεχομένου κειμένου από έναν διακομιστή και τοποθετεί τα δεδομένα που επιστρέφονται στα επιλεγμένα στοιχεία DOM.
Ε # 7) Επεξεργασία εκδηλώσεων jQuery Ajax.
Απάντηση: Οι μέθοδοι Ajax ενεργοποιούν ένα πρόγραμμα χειρισμού συμβάντων που έχει ως αποτέλεσμα jQuery Ajax Events. Μερικά από τα παραδείγματα του jQuery Ajax Events παρατίθενται παρακάτω.
Αυτά τα γεγονότα κατηγοριοποιούνται σε τοπικά γεγονότα και παγκόσμια γεγονότα.
- ajaxStart (): Είναι ένα παγκόσμιο συμβάν, αυτό το συμβάν ενεργοποιείται ως αποτέλεσμα της έναρξης ενός αιτήματος Ajax, υπό την προϋπόθεση ότι δεν εκτελείται άλλο αίτημα Ajax.
- πριν αποστολή (): Είναι ένα τοπικό συμβάν, όπως υποδηλώνει το όνομα, αυτό το συμβάν γίνεται επίκληση πριν ξεκινήσει το αίτημα Ajax, επιτρέποντας έτσι την τροποποίηση αντικειμένων XMLHttpRequest.
- ajaxSend (): Είναι ένα παγκόσμιο συμβάν και αυτό το συμβάν καλείται πριν από την εκτέλεση του αιτήματος Ajax.
- επιτυχία(): Είναι μια τοπική εκδήλωση. Αυτό το συμβάν ενεργοποιείται μόνο εάν το αίτημα Ajax εστάλη επιτυχώς (δηλαδή κατά την αποστολή αιτήματος Ajax, το συμβάν δεν εμφανίζει κανένα σφάλμα από το διακομιστή ή από δεδομένα).
- ajaxSuccess (): Είναι ένα παγκόσμιο συμβάν, ενεργοποιείται μόνο εάν το αίτημα που στάλθηκε ήταν επιτυχές.
- λάθος(): Είναι ένα τοπικό συμβάν, το οποίο ενεργοποιείται εάν παρουσιαστεί σφάλμα κατά την εκτέλεση του αιτήματος. (Μπορεί να έχετε είτε σφάλμα είτε επιστροφή επιτυχίας κατά την αποστολή αιτήματος Ajax)
- ajaxError (): Είναι ένα παγκόσμιο συμβάν, το οποίο συμπεριφέρεται το ίδιο με το συμβάν του τοπικού σφάλματος ().
- πλήρης(): Είναι μια τοπική εκδήλωση. Αυτό το συμβάν καλείται ανεξάρτητα από το εάν το αίτημα είναι επιτυχές ή οδηγεί σε σφάλμα και λαμβάνονται πλήρεις επιστροφές κλήσεων, ακόμη και για σύγχρονα αιτήματα.
- ajaxComplete (): Είναι ένα Παγκόσμιο Γεγονός, το οποίο συμπεριφέρεται το ίδιο με το τοπικό συμβάν πλήρες (), ακόμη και για σύγχρονα αιτήματα.
- ajaxStop (): Είναι ένα παγκόσμιο συμβάν, το οποίο ενεργοποιείται όταν κανένα αίτημα Ajax δεν είναι ακόμη υπό επεξεργασία / εκκρεμεί για επεξεργασία.
Ε # 8) Εξηγήστε τη λειτουργικότητα της μεθόδου ajaxComplete ().
Απάντηση: Το ajaxComplete () καλείται ανεξάρτητα από το εάν το αίτημα είναι επιτυχές ή οδηγεί σε σφάλμα και λαμβάνεται πλήρης επιστροφή κλήσης, ακόμη και για σύγχρονα αιτήματα.
Q # 9) Εξηγήστε τη λειτουργικότητα της μεθόδου ajaxStart ().
Απάντηση: Το συμβάν ajaxStart () είναι ένα παγκόσμιο συμβάν που ενεργοποιείται ως αποτέλεσμα της έναρξης ενός αιτήματος Ajax, υπό την προϋπόθεση ότι δεν εκτελούνται άλλα αιτήματα Ajax.
Ε # 10) Εξηγήστε μερικά παραδείγματα συμβάντων στο jQuery.
Απάντηση: Οι ενέργειες σε στοιχεία HTML σε ιστοσελίδες είναι συμβάντα στο jQuery ή JavaScript, δημιουργώντας έτσι δυναμικές ιστοσελίδες.
Λίγα παραδείγματα γεγονότων παρατίθενται παρακάτω.
- Κάνοντας κλικ στο ποντίκι πάνω από ένα στοιχείο όπως ένα κουμπί.
- Αποστολή τιμών στοιχείων εισαγωγής από τη φόρμα HTML.
- Επαναφορά του στοιχείου φόρμας στις προεπιλεγμένες τιμές τους ή επαναφόρτωση μιας σελίδας.
- Πατώντας ή πληκτρολογώντας ένα ή περισσότερα από ένα πλήκτρα στο πληκτρολόγιο.
- Κύλιση της ιστοσελίδας κ.λπ.
Ε # 11) Εξηγήστε παραδείγματα ορισμένων κατηγοριών συμβάντων jQuery.
Απάντηση: Τα συμβάντα jQuery κατηγοριοποιούνται με βάση τους τύπους τους:
- Εκδηλώσεις ποντικιού όπως κλικ & dblclick.
- Εκδηλώσεις πληκτρολογίου, όπως keyup & keydown.
- Φόρμα Εκδηλώσεις όπως υποβολή, εστίαση και αλλαγή.
- Έγγραφα / Εκδηλώσεις παραθύρου όπως φόρτωση, εκφόρτωση & κύλιση.
Ε # 12) Εξηγήστε τη λειτουργικότητα της μεθόδου jQuery CSS ().
Απάντηση: Η μέθοδος CSS () στο jQuery χρησιμοποιείται για να ελέγξει την παρούσα τιμή της ιδιότητας στυλ, να προσθέσει ή να αλλάξει την ιδιότητα στυλ του επιλεγμένου στοιχείου. Με άλλα λόγια, η μέθοδος jQuery CSS () χρησιμοποιείται για να GET και να SET τις ιδιότητες στυλ CSS του στοιχείου DOM.
Ε # 13) Διαχωρίστε τις μεθόδους εύρεσης () και παιδιών ().
Απάντηση: .find () και .children () χρησιμοποιούνται για τον εντοπισμό του παιδιού των αντιστοιχισμένων στοιχείων DOM, το .find () μεταβαίνει σε οποιοδήποτε επίπεδο προς τα κάτω, ενώ το .children () μετακινεί ένα επίπεδο προς τα κάτω για να εντοπίσει το στοιχείο.
Ας εξετάσουμε την ακόλουθη δομή DOM σε ένα έγγραφο HTML.
Σύνταξη στο API jQuery .find () για εντοπισμό στοιχείου μέσα
$('li.item-li').find('li').css('background-color','yellow');
Το αποτέλεσμα της παραπάνω κλήσης μεθόδου είναι ένα κίτρινο φόντο στα στοιχεία A, B, 1, 2, 3 και C, όπως φαίνεται στην παρακάτω εικόνα.
Η μέθοδος .find () επιλέγει όλα τα θυγατρικά στοιχεία του στοιχείου DOM που διασχίζονται.
Σύνταξη στο jQuery .children () API για εντοπισμό στοιχείου μεετικέτα με την κατηγορία 'επίπεδο-2'.
$( 'ul.level-2' ).children().css( 'background-color', 'yellow' );
Το αποτέλεσμα της παραπάνω κλήσης μεθόδου είναι ένα κίτρινο φόντο στα στοιχεία Α, Β και Γ, όπως φαίνεται στην παρακάτω εικόνα.
Η μέθοδος .children () επιλέγει στοιχεία ενός επιπέδου του στοιχείου DOM που διασχίζεται.
Ε # 14) Εξηγήστε διάφορους τύπους επιλογών και τη λειτουργικότητά τους στο jQuery.
Απάντηση: Οι επιλογείς jQuery χρησιμοποιούνται για τον εντοπισμό / επιλογή στοιχείων HTML από την ιεραρχία DOM με βάση τα χαρακτηριστικά τους όπως αναφέρονται παρακάτω.
- όνομα
- ταυτότητα
- τάξη
- τύπος
- αξίες
Οι βασικοί τύποι επιλογών είναι:
- Ονομα
- ταυτότητα
- Ονομα τάξης
- Καθολικός επιλογέας όπως *, ο οποίος επιλέγει όλα τα στοιχεία ενός DOM.
- Πολλαπλά στοιχεία. Παράδειγμα:
- ,
,.
- Επιλογέας χαρακτηριστικών, Παράδειγμα: ταυτοποίηση / επιλογή στοιχείων με βάση τα χαρακτηριστικά τους, όπως χρώμα, στυλ γραμματοσειράς ή χρώμα φόντου.
Το παράδειγμα, πολλαπλών στοιχείων και επιλογών χαρακτηριστικών στο jQuery, εξηγείται παρακάτω.
Στον παραπάνω κώδικα jQuery, το χαρακτηριστικό class είναι ένας επιλογέας και το χρώμα γραμματοσειράς του κειμένου μέσα στο στοιχείο ετικέτας HTML αλλάζει σε πράσινο. Αυτός ο κωδικός θα επηρεάσει / αλλάξει το χρώμα γραμματοσειράς των κειμένων μέσα σε όλα αυτά τα στοιχεία που έχουν χαρακτηριστικά κλάσης.
Ε # 15) Διαχωρίστε μεταξύ του αναγνωριστικού και του επιλογέα κλάσης στο jQuery.
Απάντηση: Κάθε στοιχείο HTML μπορεί να έχει μόνο ένα αναγνωριστικό, με άλλα λόγια, ένα στοιχείο μπορεί να αναγνωριστεί με ένα μοναδικό αναγνωριστικό, ενώ μπορείτε να χρησιμοποιήσετε την ίδια κλάση σε πολλά στοιχεία.
Παράδειγμα επιλογέα αναγνωριστικών στο jQuery για να αποκρύψετε ένα στοιχείο DOM με ένα αναγνωριστικό ως χαρακτηριστικό του, ας πούμε στοιχείο με ένα αναγνωριστικό ως 'gold_coin'
$('#gold_coin').hide();
Αν θέλετε να αποκρύψετε, πείτε όλους τους συνδέσμους που έχουν την κατηγορία τους ως «ακατέργαστο»,
$('a.raw').hide();
Q # 16) Εξηγήστε τα πλεονεκτήματα των μεθόδων jQuery Ajax.
Απάντηση: Το Ajax μπορεί να ζητήσει και να λάβει δεδομένα από το διακομιστή χωρίς επαναφόρτωση σελίδας με τη βοήθεια του DOM και του JavaScript.
Τα πλεονεκτήματα της χρήσης μεθόδων Ajax στο jQuery παρατίθενται παρακάτω:
- Μας επιτρέπει να βγάλουμε ολόκληρη τη σελίδα επαναφόρτωση και μας δίνει την ευελιξία να φορτώνουμε μόνο ένα μέρος της σελίδας.
- Απλό API.
- Υποστήριξη μεταξύ προγραμμάτων περιήγησης.
- Υποστηρίζονται GET και POST.
- Ανεβάστε JSON, XML, HTML ή έγγραφο δέσμης ενεργειών.
Q # 17) Διαφοροποιήστε τις μεθόδους jQuery onload () και document. ήδη ().
Απάντηση: Η διαφορά μεταξύ των μεθόδων onload () και document. ήδη () είναι ότι η μέθοδος onload () του JavaScript θα κληθεί μόνο αφού εμφανιστούν / φορτωθούν όλα τα αντικείμενα στο έγγραφο ιστού.
Ενώ η μέθοδος document.ready () καλείται όταν φορτωθεί η δομή DOM στα έγγραφα. Η μέθοδος document. ήδη () καλείται πολύ γρήγορα σε σύγκριση με τη μέθοδο onload (), καθώς η τελευταία περιμένει μέχρι να εμφανιστούν πλήρως οι εικόνες.
Q # 18) Εξηγήστε τη λειτουργικότητα της μεθόδου connect () του jQuery.
Απάντηση: Το jQuery connect () είναι ένα πρόσθετο που χρησιμοποιείται για τη σύνδεση / σύνδεση μιας συνάρτησης με μια άλλη λειτουργία, εκχωρώντας έναν χειριστή. Μπορούμε να χρησιμοποιήσουμε ένα συμβάν ενός στοιχείου DOM χρησιμοποιώντας αυτήν τη λειτουργία.
Q # 19) Εξηγήστε εν συντομία το bootstrap και το JavaScript plug-in.
Απάντηση: Το Bootstrap είναι ένα πλαίσιο ή σύνολο εργαλείων που περιλαμβάνει HTML, CSS και JavaScript για τη δημιουργία ιστοσελίδας ή εφαρμογής ιστού. Πολλά από τα στοιχεία Bootstrap απαιτούν τη λειτουργία πρόσθετων Javascript.
Ερώτηση # 20) Εξηγήστε τις Εφαρμογές για το jQuery Mobile.
Απάντηση: Το jQuery Mobile είναι ένα συμβατό πλαίσιο ανοιχτού κώδικα μεταξύ προγραμμάτων περιήγησης που έχει σχεδιαστεί για τη δημιουργία εφαρμογών για κινητά προσβάσιμα σε όλα τα smartphone, tablet και επιτραπέζιους υπολογιστές.
Το jQuery Mobile δημιουργείται στο jQuery και στο περιβάλλον εργασίας χρήστη του jQuery για απόδοση διαφόρων ειδικών εφέ, διαχείριση αιτήσεων / απαντήσεων Ajax, συμβάντα αφής, καθώς και ποικιλία widget.
Ε # 21) Διαχωρίστε μεταξύ jquery.min.js και jquery.js
Απάντηση: Το jquery.min.js και το jquery.js έχουν την ίδια λειτουργικότητα, το jquery.min.js έχει αφαιρέσει όλους τους κενούς χώρους για να κάνει το αρχείο μικρότερο σε μέγεθος και ταχύτερη φόρτωση με αποτέλεσμα την εκτέλεση σεναρίου.
Η ελαχιστοποίηση των αρχείων JS σε περιβάλλον παραγωγής σημαίνει ότι θα φορτώσουν γρηγορότερα και θα προσφέρουν γρήγορη και καλύτερη απόδοση σελίδας.
Q # 22) Εξηγήστε τη δυνατότητα της μεθόδου HTML jQuery για έγγραφο HTML και XML.
Απάντηση: Η μέθοδος jQuery HTML δεν είναι διαθέσιμη σε έγγραφα XML, λειτουργεί μόνο για έγγραφα HTML.
Q # 23) Εξηγήστε τη λειτουργικότητα του jQuery UI (διεπαφή χρήστη).
Απάντηση: Το jQuery UI είναι μια βιβλιοθήκη jQuery, η οποία παρέχει τη δημιουργία διαφόρων αντικειμένων διεπαφής χρήστη, όπως πολλαπλές λίστες εγγραφών, όπου οι χρήστες μπορούν να επιλέξουν, να ταξινομήσουν, να μεταφέρουν, να αποθέσουν καθώς και να αλλάξουν το μέγεθος συγκεκριμένων στοιχείων DOM.
Η βιβλιοθήκη UI δημιουργεί επίσης ενσωματωμένα widget όπως αυτόματη συμπλήρωση, πλαίσιο ελέγχου, κουμπιά επιλογής, επιλογή δεδομένων, μενού κ.λπ. καθώς και προσθήκη απόκρυψης εφέ, εκπομπής ή εναλλαγής και άλλων κινούμενων εικόνων.
Q # 24) Εξηγήστε τη λειτουργικότητα ενός πρόσθετου πίνακα δεδομένων για το jQuery.
Απάντηση: Ο Πίνακας δεδομένων είναι μια προσθήκη jQuery που όταν εφαρμόζεται σε εγγραφές εμφανίζεται σε μορφή πίνακα.
Μπορούμε να ταξινομήσουμε τα δεδομένα σε μεμονωμένες καθώς και σε πολλές στήλες, να αναζητήσουμε τη συγκεκριμένη εγγραφή, να προσθέσουμε σελιδοποίηση, εγγραφές ανά σελίδα και να περιηγηθούμε στις εγγραφές σε έναν πίνακα. Ο Πίνακας Δεδομένων μπορεί να εφαρμοστεί σε στατικά δεδομένα, Array, δεδομένα σε JSON καθώς και απόκριση AJAX.
Q # 25) Εξηγήστε οποιοδήποτε από τα πλεονεκτήματα της φιλοξενίας ενός jQuery από το CDN.
Απάντηση: Φιλοξενία jQuery από το Δίκτυο παράδοσης περιεχομένου (CDN) βοηθά στην υψηλή διαθεσιμότητα και υψηλή απόδοση με χαμηλότερο κόστος και χαμηλό φορτίο δικτύου, βελτιωμένη καθυστέρηση (απαιτείται λιγότερος χρόνος για την αποστολή και λήψη ενός πακέτου δεδομένων από διακομιστή), για την προσφορά μιας συγκεκριμένης έκδοσης περιεχομένων.
Παράδειγμα: Ανταπόκριση για μέγεθος οθόνης για κινητά και ασφαλής χωρητικότητα αποθήκευσης για ευαίσθητα δεδομένα ή αρχεία.
Q # 26) Προσδιορίστε οποιαδήποτε διαφορά μεταξύ .detach () και .remove () του jQuery.
Απάντηση: detach () μέθοδος jQuery αφαιρεί το επιλεγμένο στοιχείο, ωστόσο διατηρεί δεδομένα και συμβάντα. Η μέθοδος .remove () του jQuery αφαιρεί στοιχεία, δεδομένα, καθώς και συμβάντα.
Q # 27) Μπορώ να χρησιμοποιήσω μια βιβλιοθήκη jQuery για scripting διακομιστή;
Απάντηση: Το jQuery είναι μια βιβλιοθήκη Javascript σεναρίων από πελάτη. Δεν μπορεί να χρησιμοποιηθεί για scripting από διακομιστή.
Ε # 28) Μπορείτε να δώσετε κάποιες καταστάσεις ή σενάρια για τη χρήση του jQuery;
Απάντηση:
Μπορούμε να χρησιμοποιήσουμε το jQuery στις ακόλουθες καταστάσεις / σενάρια:
- Μπορούμε να εφαρμόσουμε μια συνάρτηση jQuery που μπορεί να αλλάξει στατική ή δυναμική ιδιότητα CSS.
- Μπορούμε να καλέσουμε συναρτήσεις σε συμβάντα όπως συμβάντα φόρμας, συμβάντα πληκτρολογίου, συμβάντα ποντικιού, συμβάντα προγράμματος περιήγησης με τη βοήθεια του jQuery.
- Μπορούμε να χειριστούμε (προσθήκη, επεξεργασία ή διαγραφή) στοιχείων DOM χρησιμοποιώντας το jQuery.
- Το jQuery μπορεί να χρησιμοποιηθεί για εφέ κίνησης στο στοιχείο HTML αλλάζοντας σταδιακά τη στατική του θέση σε άλλη θέση.
Q # 29) Καταγράψτε τις τέσσερις παραμέτρους που χρησιμοποιήθηκαν για τη μέθοδο jQuery Ajax.
Απάντηση: Διεύθυνση URL όπου αποστέλλεται το αίτημα, Τύπος αίτησης, δηλαδή GET ή POST, Δεδομένα / περιεχόμενο που θα αποσταλεί στο διακομιστή και προϋπόθεση για το πρόγραμμα περιήγησης να επιτρέπει ή όχι να αποθηκεύει προσωρινά την προσωρινή μνήμη της σελίδας που ζητούνται είναι οι τέσσερις παράμετροι που χρησιμοποιούνται για τη μέθοδο jQuery Ajax.
Q # 30) Εξηγήστε τη λειτουργικότητα του φίλτρου jQuery.
Απάντηση: .filter () στο jQuery θα ελέγξει για το αντιστοιχισμένο στοιχείο και το χαρακτηριστικό μπορεί να προστεθεί στο αντιστοιχισμένο στοιχείο.
Για παράδειγμα, για το .filter (), μπορεί να είναι όπως δίνεται παρακάτω.
Η γραμμή κώδικα στο jQuery.filter () API για εντοπισμό / φιλτράρισμα στοιχείων λίστας είναι όπως παρακάτω.
$( 'li' ).filter( ':even' ).css( 'background-color', 'yellow' );
Το αποτέλεσμα της παραπάνω κλήσης μεθόδου είναι ένα κίτρινο φόντο για κείμενα Φυσικής, Μαθηματικών, Ιστορίας, Γαλλικών κ.λπ. που βρίσκεται στο ευρετήριο 0, 2, 4 και ούτω καθεξής ((θυμηθείτε ότι ο δείκτης ξεκινά από 0, άρα το 0 είναι ζυγό) ως φαίνεται στην παρακάτω εικόνα.
Q # 31) Ποιος ειδικός χαρακτήρας χρησιμοποιείται ως συντόμευση για το jQuery;
Απάντηση: Το $ χρησιμοποιείται στη θέση του jQuery,
Παράδειγμα: jQuery (έγγραφο). ήδη (συνάρτηση (); μπορεί να χρησιμοποιηθεί ως $ (έγγραφο). ήδη (συνάρτηση ()
Ε # 32) Εξηγήστε τους διαφορετικούς τρόπους με τους οποίους μπορούμε να εντοπίσουμε σφάλματα jQuery.
Απάντηση: Υπάρχουν μερικοί τρόποι με τους οποίους μπορούμε να διορθώσουμε τον κώδικα jQuery.
Τα σύγχρονα προγράμματα περιήγησης όπως το Google Chrome, το Mozilla Firefox, το Opera και το Safari έχουν ενσωματωμένο πρόγραμμα εντοπισμού σφαλμάτων Javascript. Για να εντοπίσετε τον κώδικα jQuery, πατήστε F12 από το πληκτρολόγιό σας και το πρόγραμμα περιήγησης με το ενσωματωμένο πρόγραμμα εντοπισμού σφαλμάτων θα ανοίξει ένα περιβάλλον εργασίας χρήστη, όπου θα επιλέξετε το μενού «Κονσόλα». Το σφάλμα θα εμφανιστεί στο μενού της κονσόλας εάν υπάρχει.
Μπορείτε να γράψετε το console.log () στον κώδικα για να λάβετε το κείμενο σφάλματος, μπορείτε επίσης να γράψετε το πρόγραμμα εντοπισμού σφαλμάτων. μεταξύ της γραμμής κώδικα, λόγω του εντοπισμού σφαλμάτων το σενάριο θα ξεκινήσει σε κατάσταση εντοπισμού σφαλμάτων, πατώντας το F12 στο πρόγραμμα περιήγησης θα ανοίξει κονσόλα που θα διορθώσει τον κώδικα, πατώντας το F10 θα διαβάσει τιμές των αντικειμένων jQuery και έτσι μπορούμε να εντοπίσουμε τον κώδικα jQuery .
Ε # 33) Εξηγήστε τους πιθανούς τρόπους με τους οποίους μπορούμε να συμπεριλάβουμε το jQuery σε μια σελίδα.
Απάντηση: Μπορείτε να κάνετε λήψη της συμπιεσμένης έκδοσης παραγωγής jquery-3.4.1.min.js από τη διεύθυνση https://jquery.com/download/ site και να την αποθηκεύσετε στο φάκελο lib κάτω από το φάκελο του έργου.
Εγώ) Μπορούμε να αναφέρουμε το jquery από τον τοπικό φάκελο στο project / lib / Scripts όπως παρακάτω.
ii) Μπορούμε να αναφέρουμε από ιστότοπους δικτύου παράδοσης περιεχομένου όπως το Microsoft CDN όπως παρακάτω.
Ε # 34) Εξηγήστε τη λειτουργικότητα της μεθόδου .each () στο jQuery.
Απάντηση: Το jQuery .each () χρησιμοποιείται για την επανάληψη / λίστα του στοιχείου DOM που υπάρχει στο αντικείμενο jQuery.
Παράδειγμα
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) Διαχωρίστε μεταξύ των μεθόδων .prop () και .attr () του jQuery.
Απάντηση: Ακολουθεί η διαφορά μεταξύ .prop () και .attr ().
Παράδειγμα:
Ο κώδικας jQuery περιέχει τη μέθοδο attr () που τροποποιεί τις τιμές χαρακτηριστικών μιας εικόνας όπως φαίνεται παρακάτω.
Η μέθοδος .attr () του jQuery αλλάζει χαρακτηριστικά όπως το πλάτος και το περίγραμμα της εικόνας.
$ (selector) .attr (χαρακτηριστικό του στοιχείου, τιμή στην οποία αλλάζουν τα χαρακτηριστικά).
Η μέθοδος .prop () στο jQuery χρησιμοποιείται για την επιστροφή και τροποποίηση ιδιοτήτων DOM όπως επιλεγμένη, επιλεγμένη ή απενεργοποιημένη κατάσταση.
Pink
Για τον τύπο εισαγωγής ως πλαίσιο ελέγχου, η τιμή είναι ροζ και ελέγχεται η ιδιότητα DOM,
Ο κώδικας jQuery περιέχει τη μέθοδο prop () που τροποποιεί την ιδιότητα εμφάνισης ενός στοιχείου.
Η μέθοδος .attr () μας βοηθά να επιλέξουμε μια τιμή που είναι 'ροζ' εδώ, ενώ η μέθοδος .prop () επιλέγει την ιδιότητα που 'ελέγχεται' εδώ.
Ε # 36) Εξηγήστε τη λειτουργικότητα του jQuery.noConflict.
αντικατάσταση ιστότοπου ροής ταινίας για ταινία 4k
Απάντηση: Η μέθοδος noConflict () του jQuery εφαρμόζεται για την επίλυση διενέξεων όταν πρέπει να χρησιμοποιήσουμε πλαίσια, εκτός από το jQuery.
Για παράδειγμα, πολλές βιβλιοθήκες JavaScript όπως Mootools, πρωτότυπο, zepto κ.λπ. χρησιμοποιούν το $, μια συνάρτηση ή ένα όνομα μεταβλητής, που χρησιμοποιείται ως αντικατάσταση του κειμένου jQuery στον κώδικα jQuery και σε τέτοιες περιπτώσεις, η μέθοδος .noConflict () επιτρέπει τη χρήση $ αναγνωριστικό συντόμευσης, επιτρέποντας σε άλλα σενάρια να το χρησιμοποιούν.
Ε # 37) Διαχωρίστε το πλάτος () έναντι του css («πλάτος») στο jQuery.
Απάντηση: Υπάρχουν δύο διαφορετικές μέθοδοι στο jQuery για να αλλάξετε το πλάτος ενός στοιχείου. Ο πρώτος τρόπος είναι να χρησιμοποιήσετε το .css (ιδιότητα) και ο άλλος τρόπος είναι να χρησιμοποιήσετε το .property ().
Παράδειγμα:
$(selector).css(property,value_change); $(selector).property(value_change);
Σε .css (ιδιότητα) που σε αυτήν την περίπτωση είναι πλάτος, πρέπει να προσθέσουμε px στο value_change, ας πούμε 300px.
Μπορούμε να χρησιμοποιήσουμε το .property (value_change), το οποίο στην περίπτωση αυτή είναι πλάτος και δεν χρειάζεται να προσθέσετε px, αλλά άμεση τιμή.
Q # 38) Πού μπορούμε να εφαρμόσουμε τη μέθοδο param () στο jQuery;
Απάντηση: Μπορούμε να εμφανίσουμε πίνακα, απλό αντικείμενο ή αντικείμενο jquery με τη μορφή ροής byte, ώστε να μπορούν να αποθηκευτούν στη μνήμη, το αρχείο ή τη βάση δεδομένων χρησιμοποιώντας τη μέθοδο param () στο jQuery.
Q # 39) Διαχωρίστε μεταξύ $ (αυτό) και αυτό στο jQuery.
Απάντηση: Το $ (this) είναι ένα αντικείμενο jQuery, ενώ πρόκειται για μια παγκόσμια αναφορά αντικειμένου της JavaScript, χρησιμοποιώντας αυτό μπορούμε να παραπέμψουμε το στοιχείο DOM σε έγγραφο HTML.
Το $ (αυτό) αναφέρεται στο γονικό αντικείμενο, ενώ αυτό αναφέρεται σε ένα στοιχείο DOM, το οποίο στην περίπτωση ενός πίνακα, αντιπροσωπεύει ένα αντικείμενο με τη μέθοδο .each (), που εμφανίζει την τρέχουσα επανάληψη.
Q # 40) Περιγράψτε τη λειτουργικότητα των αναγνωσμένων cookie, γράψτε τα cookies και διαγράψτε τα cookies στο jQuery.
Απάντηση: Όταν επισκέπτονται ιστότοπους, τα cookie είναι τιμές δεδομένων, όπως το όνομα του χρήστη που αποθηκεύεται σε μικρά αρχεία κειμένου στον υπολογιστή. Κατά την επίσκεψη σε ιστότοπους, τα cookie βοηθούν να θυμάστε το όνομα του χρήστη. Το JavaScript και το jQuery δημιουργούν, διαβάζουν και διαγράφουν cookie, με την ιδιότητα document.cookie.
Q # 41) Ποια είναι η χρήση της μεθόδου serialize () στο jQuery;
Απάντηση: Σειριοποιεί τις τιμές της φόρμας έτσι ώστε οι σειριακές τιμές να μπορούν να χρησιμοποιηθούν στη συμβολοσειρά ερωτήματος URL κατά την υποβολή αιτήματος AJAX.
Η μέθοδος .serialize () του jQuery επιστρέφει τις τιμές εισαγωγής της φόρμας HTML με τη μορφή συμβολοσειράς.
Q # 42) Ποια είναι η χρήση της μεθόδου val () στο jQuery;
Απάντηση: Η μέθοδος .val () βοηθά στον εντοπισμό της τιμής ενός χαρακτηριστικού στοιχείου HTML. Για παράδειγμα, στοιχεία φόρμας όπως εισαγωγή, επιλογή και κείμενο. Το Val () εφαρμόζεται επίσης για την εύρεση της τιμής όλων των αντιστοιχισμένων στοιχείων από τα πλαίσια ελέγχου και τα κουμπιά επιλογής, καθώς και μια αναπτυσσόμενη λίστα.
Το παράδειγμα εξηγείται με σύνταξη
// 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();
Q # 43) Τι είναι η μέθοδος αλυσίδας στο jQuery; Ποια πλεονεκτήματα προσφέρει;
Απάντηση: Με την αλυσίδα μεθόδου jQuery, πολλαπλές ενέργειες μπορούν να εφαρμοστούν σε μία μόνο γραμμή κώδικα, καθώς όλες οι μέθοδοι επιστρέφουν αντικείμενα jQuery που μπορούν να χρησιμοποιηθούν για να καλέσουν μια άλλη μέθοδο.
Χωρίς αλυσίδα, οι μέθοδοι jQuery καλούνται το ένα μετά το άλλο σε ξεχωριστή γραμμή, ενώ με την αλυσίδα, οι μέθοδοι jQuery γράφονται σε μία γραμμή κώδικα διαχωρισμένη με τελείες.
Χωρίς αλυσίδα πολλαπλών γραμμών κώδικα που πρέπει να γραφτούν, κάνοντας το jQuery για αναζήτηση ολόκληρου του DOM για αντιστοιχισμένο στοιχείο, τότε εφαρμόζονται μεμονωμένες μέθοδοι σε κάθε γραμμή κώδικα. Ενώ η Chaining χρειάζεται μόνο μια εφάπαξ επιλογή ενός ταιριασμένου στοιχείου από το DOM, κάνοντας καλύτερη απόδοση.
Q # 44) Ποια είναι η διαφορά μεταξύ jQuery.get () και jQuery.ajax ();
Απάντηση: Η μέθοδος jQuery.ajax () χρησιμοποιείται για την αποστολή αιτημάτων HTTP Ajax, ενώ η μέθοδος jQuery.get () χρησιμοποιείται για την αποστολή αιτήσεων HTTP GET για τη φόρτωση δεδομένων από το διακομιστή.
Q # 45) Τι είναι το QUnit;
Απάντηση: Το QUnit είναι ένα πλαίσιο, το οποίο ελέγχει κώδικα JavaScript γραμμένο για το jQuery, το jQuery UI και το jQuery Mobile, χρησιμοποιεί ισχυρισμούς και φωτιστικά δοκιμής για την επαλήθευση των αναμενόμενων αποτελεσμάτων.
Ε # 46) Πώς το jQuery αποθηκεύει δεδομένα που σχετίζονται με ένα στοιχείο;
Απάντηση: Η μέθοδος jQuery.data () βοηθά στη σύνδεση οποιουδήποτε τύπου δεδομένων σε στοιχεία DOM, χωρίς διαρροές μνήμης. Το jQuery διασφαλίζει ότι τα δεδομένα καταργούνται μαζί με τα στοιχεία DOM που έχουν αφαιρεθεί μέσω μεθόδων jQuery.
Κωδικός για την αποθήκευση και ανάκτηση δεδομένων που σχετίζονται με ένα στοιχείο.
$('#myDiv').data('keyName', { foo : 'bar'}); $('#myDiv').data('keyName'); // { foo : 'bar'}
Ε # 47) Μπορείτε να εξηγήσετε τις διάφορες διαδικασίες εξαγωγής μιας συμβολοσειράς ερωτήματος με κανονικές εκφράσεις;
Απάντηση: Μπορούμε να ολοκληρώσουμε την εξαγωγή μιας συμβολοσειράς ερωτήματος με κανονική έκφραση με τους ακόλουθους δύο τρόπους.
- Προσέγγιση βάσει χορδών: Αυτή η μέθοδος βοηθά στην παραγωγή του String συγκρίνοντας ισοδύναμη κανονική έκφραση, χρησιμοποιώντας τη μέθοδο .replace ().
- Προσέγγιση τακτικής έκφρασης: Πρέπει να χρησιμοποιηθεί μια πιο ισχυρή μέθοδος εξαγωγής συμβολοσειράς και μοτίβου ερωτήματος που συγκρίνεται με συμβολοσειρές στο JavaScript. Χρήση μεθόδων .exec () και .test () για σύγκριση με μοτίβα. match (), matchAll (), αντικαταστήστε (), search () και split () είναι άλλες λίγες μέθοδοι για το String.
Q # 48) Εξηγήστε την έννοια της μεθόδου τερματισμού στο jQuery.
Απάντηση: Για να σταματήσετε όλες τις κινούμενες εικόνες στην ουρά και να τους βοηθήσετε να τοποθετήσουν στην τελική τους κατάσταση, χρησιμοποιείται η μέθοδος .finish ().
Q # 49) Διαχωρίστε τη μέθοδο τερματισμού κλήσης (true, true) και τη μέθοδο τερματισμού.
Απάντηση: Η μέθοδος .finish () βοηθά στην εκκαθάριση της ουράς και βοηθά τα κινούμενα σχέδια να εισέλθουν στην τελική τους κατάσταση, ενώ η μέθοδος .stop () καλείται σε ένα στοιχείο, αναγκάζοντας την τρέχουσα κίνηση να σταματά αμέσως.
Q # 50) Πώς μπορείτε να γράψετε έναν κώδικα για πρόγραμμα περιήγησης χρησιμοποιώντας το jQuery;
Απάντηση: Μπορούμε να γράψουμε κώδικα για συγκεκριμένο πρόγραμμα περιήγησης στο jQuery χρησιμοποιώντας το navigator.userAgent για να αναγνωρίσουμε, το πρόγραμμα περιήγησης από τον Internet Explorer, το Chrome, τον Firefox, το Safari και το Opera, όπως ο κώδικας που γράφεται παρακάτω.
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. }
Q # 51) Ποια είναι η διαδικασία για τον έλεγχο του τύπου δεδομένων οποιασδήποτε μεταβλητής στο jQuery;
Απάντηση: Ο τύπος συνάρτησης jQuery () χρησιμοποιείται για τον προσδιορισμό του τύπου δεδομένων οποιασδήποτε μεταβλητής όπως ένας πίνακας, μια συμβολοσειρά, ένας αριθμός, μια συνάρτηση ή ένας τύπος δεδομένων αντικειμένου.
συμπέρασμα
Το jQuery είναι μια βιβλιοθήκη JavaScript χειρισμού μοντέλου αντικειμένου εγγράφου, που χρησιμοποιείται κυρίως σε διασταύρωση εγγράφων HTML και ανάπτυξη JavaScript μεταξύ προγραμμάτων περιήγησης που δημιουργεί κινούμενα σχέδια DOM και Ajax για τη διαχείριση συμβάντων προγράμματος περιήγησης.
Ελπίζω ότι οι απαντήσεις στις πιο συχνές ερωτήσεις συνέντευξης στο 'jQuery' ήταν τεράστια βοήθεια. Εξασκηθείτε σε όσο το δυνατόν περισσότερες ερωτήσεις και να είστε σίγουροι.
Όλα τα καλύτερα για τη συνέντευξή σας !!
Συνιστώμενη ανάγνωση
- Ερωτήσεις και απαντήσεις συνέντευξης
- Ερωτήσεις και απαντήσεις συνέντευξης δοκιμών ETL
- 50 κορυφαίες ερωτήσεις και απαντήσεις στη συνέντευξη Salesforce (Ενημερώθηκε το 2021)
- Μερικές δύσκολες μη αυτόματες ερωτήσεις και απαντήσεις
- Κορυφαίες 50 πιο δημοφιλείς ερωτήσεις και απαντήσεις συνέντευξης CCNA
- Κορυφαίες ερωτήσεις και απαντήσεις συνέντευξης Bootstrap 51
- Top 50+ ερωτήσεις και απαντήσεις συνέντευξης βάσης δεδομένων
- 25 Καλύτερες Ερωτήσεις και Απαντήσεις Συνέντευξης για Ευέλικτη Δοκιμή