const { foo: [bar], bar: [{ baz: foo }] } = { foo: [1], bar: [{ baz: 3 }] } console.log(bar) console.log(foo) //
Frontend
Kāda ir atšķirība starp renderēšanu un zīmēšanu? Kā sauc procesu, kurā salīdzina virtuālo un reālo DOM koku?
const SomeElement = ({ hasData }) => { if (hasData) { return <div> <DataElement /> <SomeImportantElement /> </div> } return <div> <SomeImportantElement /> </div> }
const { foo: bar, bar: foo } = { foo: 1, bar: 2 }; //foo //bar setTimeout(() => { console.log("timeOut"); }, 0); console.log(1); new Promise((resolve) => { console.log("Promise"); setTimeout(() => { console.log("timeOut2"); resolve(); }, 0); }) .then(() => { console.log("then1"); }) .then(() => { console.log("then2"); }); console.log(4); setTimeout(() => { console.log("timeOut3"); }, 0);
Tu esi saņēmis pārskatīšanas kodu — kas šeit nav optimāli?
Kas ir aizvērums JavaScript? Kur tas tiek izmantots praksē?
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}> Palielināt </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ) } export default () => <LazyInit arr={[1, 2, 3]} />;
Kā uzrakstīt funkciju, kas atgriež Promise, kas tiek izpildīts pēc viena sekunde?
// findUnique metode tiek ir tiek taikomas masīvam, kas atgriež jaunu masīvu ar unikāliem elementiem, // tas ir tie, kas ir parādās tikai vienu reizi sākotnējā masīvā, tajā pašā secībā. // Ir nepieciešams īstenot findUnique metodi tā, lai tā darbotos kā parasta masīva metode [10, 5, 10, 1, 6, 6, 7, 9, 9, 10].findUnique(); // [5, 1, 7]
Kas notiks, ja useEffect nenorādīs atkarību masīvu? Ja pievienosit count atkarību masīvam un nospiest pogu, vai tiks izsaukta tīrīšanas funkcija?
Izskaidro, kas ir Event Loop. Kas pieder mikrouzdevumiem un kas makrouzdevumiem?
Pastāsti man par Event Loop: kā tas darbojas, kas ir mikro un makro uzdevumi?
const createCounter = () => {
Sniedziet aizvēršanas piemēru. Vai esat izmantojis aizvēršanas React?
Kam ir nepieciešams unknown tips TypeScript? Kā to var sašaurināt?
const a = {} a[1] = 'test' par ( ... )
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)
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());
Kādas iestatījumi ir sīkfailiem (httpOnly, secure, expires, domain, path)?
Kāda ir atšķirība starp sessionStorage un localStorage?