Frontend

Μπορείς να εξηγήσεις τη διαφορά μεταξύ των εκδόσεων HTTP 1, 2 και 3;

Υπάρχει ένα ακόμη στάδιο απόδοσης που αποτελεί μέρος της γενικής διαδικασίας — μπορείς να θυμηθείς ποιο είναι; Για ποιο λόγο χρειάζεται η διαχωρισμός σε στρώματα (σύνθεση);

Όταν συμβαίνει η αλλαγή μεγέθους της σελίδας, θέλουμε να στέλνουμε ανάλυση. Αν απλώς προσθέσουμε έναν χειριστή στο resize, θα καλείται εκατοντάδες φορές το δευτερόλεπτο. Πώς μπορούμε να το αποφύγουμε αυτό;

Κατά το στάδιο ανάλυσης HTML, αν τα scripts βρίσκονται στην κορυφή της σελίδας, εμποδίζουν την περαιτέρω φόρτωση της σελίδας ή όχι;

Δηλαδή, η εργασία με αυτά τα εφέ διαχωρίστηκε σε μια ξεχωριστή βιβλιοθήκη;

Ζωντανός κώδικας: εδώ είναι ένα παράδειγμα κώδικα που χρησιμοποιεί το Event Loop (συγχρονικές συναρτήσεις, async/await, Promise, setTimeout). Πρέπει να καθορίσετε τη σειρά εκτέλεσης των console.log — τι θα εκτελεστεί πρώτο, δεύτερο, τρίτο κ.λπ.

Έχει νόημα να χρησιμοποιείτε useMemo ή useCallback για μια λειτουργία που επιστρέφει JSX;

[όνομα] ρώτησε: Πόσο έτοιμος/η είσαι να αφιερώσεις περίπου το 75% του εργασιακού σου χρόνου στη διαμόρφωση σελίδων και στη δημιουργία στοιχείων UI;

Δεν υπήρξε πρόβλημα με το γεγονός ότι σε React έργα σε διαφορετικές εταιρείες σχηματίζεται ένα διαφορετικό 'ζωολογικό κήπο' βιβλιοθηκών γύρω από το React;

Θα είναι η σελίδα διαδραστική σε αυτό το σημείο της άπειρης αναδρομής;

Πότε θα εκτελεστεί η λειτουργία cleanup στο useEffect, αν έχει έναν πίνακα εξαρτήσεων με τις παραμέτρους a, b, c;

Μπορούμε να λάβουμε δεδομένα με ένα αίτημα DELETE ή να στείλουμε δεδομένα με ένα αίτημα GET;

Ο/Η [όνομα] ρώτησε: Περιλάμβανε η ανασκόπηση σχεδίου στη διαδικασία κυκλοφορίας; Πώς πήγε;

Και αν αντί για scripts, τα στυλ συνδέονται μέσω ενός ξεχωριστού συνδέσμου, μπλοκάρουν την απόδοση;

Το αίτημα OPTIONS αποστέλλεται σε κάθε περίπτωση σε cross-domain αίτημα ή μόνο όταν είναι απαραίτητο; Ποια είναι η διαφορά μεταξύ απλών και σύνθετων αιτημάτων σε αυτό το πλαίσιο;

Πες μου ποια στατικά μέθοδοι υπάρχουν για την εργασία με υποσχέσεις. Εξήγησε τι κάνουν τα Promise.any και Promise.all.

Ζωντανός κώδικας: υλοποιήστε μια λειτουργία $ (παρόμοια με το jQuery), που δέχεται έναν έγκυρο επιλεκτή CSS και βρίσκει τους κόμβους που αντιστοιχούν. Η λειτουργία πρέπει να επιστρέφει ένα αντικείμενο με τις μεθόδους addClass, toggleClass, removeClass, css (εφαρμογή στυλ), html (εισαγωγή HTML/CSS μέσα στο στοιχείο) — με δυνατότητα αλυσίδας κλήσεων (chaining). Ο δοκιμαστικός κώδικας με αλυσίδα κλήσεων που παρέχεται δεν πρέπει να αλλάξει και πρέπει να λειτουργεί μετά την υλοποίηση της λειτουργίας.

[όνομα] ρώτησε: Μπορείς, σε παρακαλώ, να μου πεις για την στοίβα στην οποία εργάστηκες; Συγκεκριμένα, πες μου περισσότερα για το Next.js.

Ποιες πηγές μικροεργασιών (microtasks) και μακροεργασιών (macrotasks) γνωρίζεις;

Θα επανεκτελεστεί το useEffect αν αλλάξουμε τα πεδία του αντικειμένου const a, που έχει δύο πεδία και έχει προστεθεί στον πίνακα εξαρτήσεων του useEffect, χωρίς να επαναπροσδιορίσουμε το ίδιο το αντικείμενο;