Frontend

Kas ir tīra funkcija? Kad funkcija ir tīra? Kas ir blakusparādības?

Ņemot vērā šo koda fragmentu: ```typescript let info = { name: "Alex", skill: ["git", "react", "read"], }; let started = (info: any) => { let { name, skill } = info; (name = "Alex Pool"), skill.push("delete"); return { name, skill, online: true, }; }; ``` Izskaidrojiet, ko dara funkcija `started` ar `info` objektu un aprakstiet `started(info)` izsaukuma rezultātu. Tāpat apspriediet, vai pēc `started(info)` izsaukuma oriģinālais `info` objekts tiek mainīts.

Kā noritēja koda pārskatīšana komandā? Vai bija noteikumi? Uz ko pievērsa uzmanību?

Pastāsti man par kritiskajiem pārlūkprogrammas renderēšanas posmiem

Vai funkcijas parametros tiek nodoti pēc saites vai pēc vērtības?

Vai HTML un CSS parsings notiek secīgi vai paralēli?

Pastāsti man par notikumu cilpu: kam tas ir paredzēts, kā tas darbojas

Kas ir pseido-masīvs arguments? Kā tas atšķiras no parasta masīva?

Kas ir rekursija? Kādi ir tās noteikumi? Kam tā ir nepieciešama?

Kas ir React Reconciliation? Kā tas darbojas? Saskaņā ar kādiem kritērijiem React lemj, vai atjaunināt vai atkārtoti uzstādīt komponenti?

Kad tiek izsaukti useEffect un useLayoutEffect?

Vai jūs konfigurējāt CI/CD pipeline, linters, prettier, pre-commit hooks — jūs tos pats iniciējāt vai uzdevums nāca no augšas?

// Promise.resolve() // .then(() => console.log(1)) // // .then(() => console.log(2)) // // Promise.resolve() // .then(() => console.log(11)) // // .then(() => console.log(22)) //

Pastāstiet par sevi un savu darba pieredzi

Kas mainījās React 18 Reconciliation procesā?

rekursīvā funkcija recursiveFunction(N) { skaitītājs = 0; ja (N > 0) { skaitītājs = skaitītājs + 1; recursiveFunction(N - 1); } // console.log(skaitītājs) } recursiveFunction(3); // 3 3 3 ? Izskaidrojiet, kāds būs funkcijas rezultāts un kāpēc. Tāpat identificējiet jebkādas problēmas ar pašreizējo rekursīvās funkcijas īstenojumu un ieteikt, kā tās labot, lai pareizi skaitītu un reģistrētu rekursīvo izsaukumu skaitu.

Kam ir nepieciešams React? Kādas problēmas tas risina? Kad tas ir lieks?

import "./styles.css"; import React from "react"; const getData = () => { return Array.from({ length: 50 }, (el, idx) => ({ value: Math.random(), label: `rinda ${idx + 1}`, })); }; export default function App() { const [data, setData] = React.useState(getData()); const handleUpdate = () => { setData((prev) => { return prev.map((row, i) => i === 0 ? { ...row, value: Math.random() } : row ); }); }; return ( <div> <h1>Saraksta lietojumprogramma</h1> <Button onClick={handleUpdate}>atjaunināt `rindu 1`</Button> {data.map((row) => { return <Row key={row.label} label={row.label} value={row.value} />; })} </div> ); }

Emotion un styled-components ģenerē stilus runtime laikā — vai tas ir problēma? Kad tas sāk sāpēt? Kādas ir labākas veiktspējas alternatīvas?

Kāda būs šī koda fragmenta izvade? ```javascript setTimeout(() => { console.log('B') }, 0) Promise.resolve().then(() => { console.log('C') }) Promise.resolve().then(() => { console.log('D') }) console.log('E') ```