Frontend

Ποια προβλήματα βλέπετε με το παγκόσμιο αντικείμενο window.handlers και τις συγκρούσεις χειριστών συμβάντων;

Ποια προβλήματα βλέπετε στη χρήση του async/await σε αυτόν τον κώδικα και πώς μπορείτε να τα διορθώσετε;

Τι είναι μια διαρροή μνήμης και πώς λειτουργεί ο garbage collector στη JavaScript;

Πώς να εισάγετε σωστά το κείμενο χρήστη στο DOM, διατηρώντας τη μορφοποίηση HTML και αποφεύγοντας το XSS;

Ποια προβλήματα αρχιτεκτονικής βλέπετε στη μέθοδο addField με ελέγχους τύπων μέσω if;

Ποιοι χαρακτήρες πρέπει να διαφύγουν για την προστασία από επιθέσεις XSS;

Προτείνετε ένα σωστό μοντέλο κληρονομιάς για τις κλάσεις Button και Input αντί του τρέχοντος, όπου το Input επεκτείνει το Button.

Πώς να τροποποιήσετε σωστά το αίτημα fetch για ασφαλή μεταφορά ευαίσθητων δεδομένων;

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

Ποια μέθοδοι επικύρωσης και καθαρισμού της εισόδου χρήστη μπορούν να εφαρμοστούν στην πλευρά του πελάτη;

Γιατί η χρήση var και η αναζήτηση στοιχείων με δείκτη (querySelectorAll()[0]) θεωρούνται κακές πρακτικές;

Εξηγήστε το πρόβλημα με την κληρονομικότητα στον κώδικα όπου η κλάση επεκτείνει το Object και προτείνετε μια λύση.

Ποια ζητήματα ασφαλείας σχετίζονται με τη χρήση του innerHTML για την εισαγωγή εισόδου χρήστη;

Ποια προβλήματα ασφαλείας βλέπετε στη μεταφορά του login και του κωδικού μέσω των παραμέτρων ερωτήματος στο URL;

Εξηγήστε πώς λειτουργεί η αντιδραστικότητα στο Vue 3: reactive, ref, shallowReactive, markRaw.

Γιατί καλείται το addField στον κατασκευαστή στον κώδικα και ποια προβλήματα δημιουργεί αυτό από την άποψη της κλιμάκωσης;