Sobes.tech

Frontend

Quelle est la différence entre le rendu et la peinture ? Comment s'appelle le processus de comparaison entre l'arbre DOM virtuel et réel ?

Middle+
164

Tu as reçu un code pour la revue — qu'est-ce qui n'est pas optimal ici?

Middle+
164

Mis à part les méthodes et les types de clés, qu'est-ce que Map a de plus qu'un objet ?

Middle+
163

Comment écrire une fonction qui retourne une Promesse résolue après une seconde?

Middle+
163

const SomeElement = ({ hasData }) => { if (hasData) { return <div> <DataElement /> <SomeImportantElement /> </div> } return <div> <SomeImportantElement /> </div> }

Middle+
162

// La méthode findUnique est appliquée au tableau, qui renvoie un nouveau tableau contenant les éléments uniques, // c'est-à-dire ceux qui apparaissent une seule fois dans le tableau d'origine, dans le même ordre. // Il est nécessaire d'implémenter la méthode findUnique pour qu'elle fonctionne comme une méthode normale du tableau [10, 5, 10, 1, 6, 6, 7, 9, 9, 10].findUnique(); // [5, 1, 7]

Middle+
160

Que se passe-t-il si vous ne spécifiez pas un tableau de dépendances dans useEffect ? Si vous ajoutez count au tableau de dépendances et cliquez sur le bouton, la fonction de nettoyage sera-t-elle déclenchée ?

Middle+
159

Qu'est-ce qu'une fermeture en JavaScript ? Où est-elle utilisée en pratique ?

Middle+
159

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}> Incrémenter </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ) } export default () => <LazyInit arr={[1, 2, 3]} />;

Middle+
157

Donnez un exemple de fermeture. Avez-vous utilisé des fermetures dans React?

Middle+
154

Explique ce qu'est la boucle d'événements. Qu'est-ce qui appartient aux micro-tâches et aux macro-tâches?

Middle+
154

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());

Middle+
153

Quelle est la différence entre les types any et unknown en TypeScript?

Middle+
152

Parle-moi des collections Map et Set en JavaScript — que sais-tu à leur sujet?

Middle+
152

À quoi sert le type unknown en TypeScript ? Comment peut-on restreindre le type ?

Middle+
151

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)

Middle+
151

const a = {} a[1] = 'test' pour ( ... )

Middle+
150

Quelle est la différence entre sessionStorage et localStorage?

Middle+
150

Quelles sont les portées de let/const et var ? Existe-t-il une autre façon de déclarer des variables en dehors de var, let, const ?

Middle+
149

Quelles sont les configurations des cookies (httpOnly, secure, expires, domain, path) ?

Middle+
148
/5