Frontend

Ինչ է մաքուր ֆունկցիան: Երբ ֆունկցիան մաքուր է: Ի՞նչ են կողմնակի ազդեցությունները:

Նայելով հետևյալ կոդի հատվածը՝ ```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, }; }; ``` Ներկայացրեք, թե ինչ է անում `started` ֆունկցիան `info` օբյեկտի հետ և նկարագրեք `started(info)` կանչի արդյունքը։ Բացի այդ, քննարկեք, արդյոք սկզբնական `info` օբյեկտը փոխվում է `started(info)` կանչից հետո։

Ինչպես անցավ թիմում կոդի վերանայումը: Կային կանոնակարգեր: Ինչին էր ուշադրություն դարձնում:

Պատմիր ինձ բրաուզերի ռենդերի կարևոր փուլերի մասին

Ֆունկցիայում պարամետրերը փոխանցվում են հղումով կամ արժեքով?

HTML և CSS վերլուծությունը տեղի է ունենում հերթական կամ միաժամանակյա՞։

պատմիր ինձ event loop-ի մասին: ինչու է անհրաժեշտ, ինչպես է աշխատում

Ի՞նչ է pseudo-massivi arguments-ը: Ինչպե՞ս է այն տարբերվում սովորական զանգվածից։

Ի՞նչ է ռեկուրսիան։ Ի՞նչ կանոններ ունի։ Ի՞նչ է դրա անհրաժեշտությունը։

Ի՞նչ է React Reconciliation-ը: Ինչպես է աշխատում: Ի՞նչ չափանիշներով React-ը որոշում է արդյոք թարմացնել կամ նորից տեղադրել կոմպոնենտը։

Դուք կազմեցիք CI/CD պայլայները, linters, prettier, pre-commit hooks — ինքն եք նախաձեռնեցիք կամ առաջադրանքը վերևից եկավ?

Երբ են կանչվում useEffect և useLayoutEffect?

Իմացեք ինձ և իմ աշխատանքային փորձը

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

Ինչ կլինի հետևյալ կոդի կտորի արդյունքը? ```javascript setTimeout(() => { console.log('B') }, 0) Promise.resolve().then(() => { console.log('C') }) Promise.resolve().then(() => { console.log('D') }) console.log('E') ```

Ի՞նչ է փոխվել React 18-ում Reconciliation գործընթացում։

Ինչու է անհրաժեշտ React-ը: Ի՞նչ խնդիրներ է լուծում: Երբ է ավելորդ:

recursiveFunction(N) ֆունկցիա { հաշվողական = 0; եթե (N > 0) { հաշվողական = հաշվողական + 1; recursiveFunction(N - 1); } // console.log(հաշվողական) } recursiveFunction(3); // 3 3 3 ? Ներկայացրեք, թե ինչ կլինի ֆունկցիայի ելքը և ինչու: Նույնպես, նշեք ցանկացած խնդիր ներկայիս ռեկուրսիվ ֆունկցիայի իրականացման հետ և առաջարկեք, թե ինչպես կարելի է այն ուղղել՝ ճիշտ հաշվելու և գրանցելու համար ռեկուրսիվ կանչերի քանակը։

import "./styles.css"; import React from "react"; const getData = () => { return Array.from({ length: 50 }, (el, idx) => ({ value: Math.random(), label: `սյունակ ${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>Ցուցակի ծրագիր</h1> <Button onClick={handleUpdate}>`սյունակ 1` թարմացնել</Button> {data.map((row) => { return <Row key={row.label} label={row.label} value={row.value} />; })} </div> ); }

Emotion և styled-components ստիլներ են ստեղծում ռնթայմում — սա խնդիր է? Երբ սկսում է ցավել? Ինչպիսի՞ այլընտրանքներ կան ավելի լավ կատարողականությամբ։