Πες μου για το React Hook Form: βασικές δυνατότητες, πώς χρησιμοποιείται, πώς λειτουργεί η επικύρωση;
Frontend
Πώς γράφεις μια συνάρτηση που επιστρέφει μια υπόσχεση που λύνεται σε ένα δευτερόλεπτο;
Ποια είναι η διαφορά μεταξύ απόδοσης και ζωγραφικής; Πώς ονομάζεται η διαδικασία σύγκρισης του εικονικού και του πραγματικού δέντρου DOM;
const SomeElement = ({ hasData }) => { if (hasData) { return <div> <DataElement /> <SomeImportantElement /> </div> } return <div> <SomeImportantElement /> </div> }
// Εφαρμόζεται η μέθοδος findUnique στον πίνακα, η οποία επιστρέφει έναν νέο πίνακα με τα μοναδικά στοιχεία, // δηλαδή αυτά που εμφανίζονται μόνο μία φορά στον αρχικό πίνακα, με την ίδια σειρά. // Είναι απαραίτητο να υλοποιηθεί η μέθοδος findUnique ώστε να λειτουργεί όπως μια κανονική μέθοδος πίνακα [10, 5, 10, 1, 6, 6, 7, 9, 9, 10].findUnique(); // [5, 1, 7]
Τι θα συμβεί αν δεν ορίσετε έναν πίνακα εξαρτήσεων στο useEffect; Αν προσθέσετε το count στον πίνακα εξαρτήσεων και πατήσετε το κουμπί, θα ενεργοποιηθεί η λειτουργία cleanup;
Τι είναι ένα κλείσιμο στη JavaScript; Πού χρησιμοποιείται στην πράξη;
Πέρα από τις μεθόδους και τους τύπους κλειδιών, τι άλλο έχει το Map που δεν έχει ένα αντικείμενο;
import React, { useState, useEffect, useRef, useContext, useReducer, useMemo, me const someFunc = (arr) => { return [...arr].sort((a, b) => a - b); }; const LazyInit = (props) => { const [arr, setArr] = useState(someFunc(props.arr)); const onClick = () => { setArr((prev) => prev.concat(prev.length + 1)) } return ( <> <button onClick={onClick}> Αύξηση </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ) } export default () => <LazyInit arr={[1, 2, 3]} />;
Εξήγησε τι είναι το Event Loop. Τι ανήκει στις μικροεργασίες και τι στις μακροεργασίες;
Δώστε ένα παράδειγμα κλεισίματος. Έχετε χρησιμοποιήσει κλεισίματα στο React;
Ποια είναι η διαφορά μεταξύ των τύπων any και unknown στο TypeScript;
const a = {} a[1] = 'test' για ( ... )
Ποια είναι η διαφορά μεταξύ sessionStorage και localStorage;
Πες μου για τις συλλογές Map και Set στη JavaScript — τι ξέρεις γι' αυτές;
Ποια είναι τα πεδία ορατότητας των let/const και var; Υπάρχει άλλος τρόπος δήλωσης μεταβλητών εκτός από var, let, const;
const doSomething = (ms) => { return new Promise((resolve, reject) => { setTimeout(() => { if (Math.random() <= 0.5) { reject("error"); } else { resolve(ms); } }, ms); }); }; const getDelay = () => { let rand = 1000 + Math.random() * 2000; return Math.floor(rand); }; const p1 = doSomething(getDelay()); const p2 = doSomething(getDelay()); const p3 = doSomething(getDelay()); const p4 = doSomething(getDelay());
setTimeout(() => { console.log("timeOut"); }, 0) console.log(1); new Promise(resolve => { console.log("Promise"); setTimeout(() => { console.log("777"); resolve() }, 0) }).then(() => { console.log("then1"); }) .then(console.log('tratata')) .then(() => console.log("then2"); }) console.log(4); setTimeout(() => { console.log("timeOut2"); }, 0)
Για ποιο λόγο υπάρχει ο τύπος unknown στο TypeScript; Πώς μπορούμε να περιορίσουμε τον τύπο;
const func = obj.sayHi() const boundFuns = func.bind(obj) boundFuns() ------------------- const submit = (el) => () => { log(el); } arr.map(el => <button onClick={submit(el)}/>) const param = useMemo(() => a + b) return <Child value={param} />