Frontend

Ի՞նչ ստատիկ մեթոդներ էիր ճանաչում Promise- ից: Պատմիր դրանց մասին։

Middle+

IT One

Գրեք getUserProfile ֆունկցիա, որը վերցնում է userId որպես արգումենտ և բերում է օգտվողի պրոֆիլը API վերջնակետից "[link]"։ Ֆունկցիան պետք է գրի օգտվողի պրոֆիլը, եթե fetch-ը հաջող է, և գրի սխալի հաղորդագրություն, եթե fetch-ը ձախողվի։

Middle+

IT One

Ի՞նչ է Set-ը: Երբ մենք կանչում ենք new Set որպես արգումենտ, ինչ կարող ենք փոխանցել?

Middle+

IT One

import React, { useState, useEffect, useLayoutEffect } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("համընդհանուր ռենդեր 1")); console.log("համընդհանուր ռենդեր 2"); useEffect(() => console.log("համընդհանուր ռենդեր 3")); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Ավելացնել </button> ); } // մոնտաժ -> ամեն ռենդեր 2, ամեն ռենդեր 1, ամեն ռենդեր 3 // թարմացում -> ամեն ռենդեր 2, ամեն ռենդեր 1, ամեն ռենդեր 3 // անմոնտաժ 4

Middle+

IT One

Ենթադրվում է, որ let և const (hoisting) բարձրանում են: Ի՞նչ է տեղի ունենում նրանց հասանելիության ժամանակ նախքան հայտարարելը։

Middle+

IT One

const S = { id: 1, name: "Ivan", age: "39", tel: [phone] }; function getParam(obj, key) { return obj[key]; } getParam(S, "tel"); getParam(S, "job");

Middle+

IT One

Գրեք, թե առաջին ռենդերի ժամանակ ինչ կլինի — ինչ կարգով կցուցադրվեն console.log-ները։ Ինչ կլինի սեղմելուց հետո։

Middle+

IT One

Ի՞նչ է փակումը։

Middle+

IT One

Ի՞նչ է WeakSet-ը։

Middle+

IT One

Գրեք Child կոմպոնենտի աբստրակտ իրականացման մասին, օգտագործելով React.memo մեմոիզացիայով: Ի՞նչ երկրորդ արգումենտ է ընդունում React.memo-ը:

Middle+

IT One

միացնել React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; 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]} />; --- Աջ կողմի զրույցը քննարկում է. - TypeScript-ի հետ գեներիկների օգտագործումը: "<T extends object, K extends keyof T>" - Տվյալների ստուգում, թե արդյոք դրանք տող են, տիպի պահակով: "isString(data: unknown): data is string { ... }" - useState-ի օգտագործում ֆունկցիայով, որպեսզի խուսափել ամեն ռենդից կրկնվող գործարկումից: ``` const [state, setState] = useState(getComplexData); // կամ const [state, setState] = useState(() => getComplexData()); ``` - useState-ին փոխանցված ֆունկցիան միայն մեկ անգամ կիրականացվի կոմպոնենտի մոնտաժի ժամանակ: - Աշխատանքի մասին զգուշացում՝ ուղիղ փոփոխել վիճակը 11-րդ տողում prev.concat-ի միջոցով: --- Տեխնիկական առաջադրանքը՝ վերլուծել և հնարավոր է՝ ուղղել կամ օպտիմալացնել React կոմպոնենտի կոդը, հատկապես՝ - Լավագույն lazy սկզբնական արժեքի սահմանում useState-ի միջոցով: - Խուսափել վիճակի ուղիղ փոփոխությունից: - TypeScript-ի գեներիկների և տիպային պահակների իմացությունը: - Համոզվել, որ կոմպոնենտը ճիշտ կերպով թարմացնում է վիճակը կոճակով սեղմելու ժամանակ։

Middle+

IT One

Ի՞նչ է տարբերությունը Map և WeakMap միջև։

Middle+

IT One

Երեք տվյալների աղբյուրներ կան, որոնք վերադարձնում են նույն տեղեկատվությունը: Ինչպե՞ս ստանալ ամենաարագ պատասխանը:

Middle+

IT One

պատմիր ինձ React-ի useState hook-ի մասին։

Middle+

IT One

Ինչու՞ շտկվող ֆունկցիաներով չի կարելի աշխատել նոր կոնստրուկտորով։

Middle+

IT One

Ինչպե՞ս են ստեղծվում ֆունկցիաները JavaScript-ում: Ի՞նչ եղանակներ կան ֆունկցիաներ ստեղծելու և ինչո՞վ են դրանք տարբերվում:

Middle+

IT One

Ի՞նչ օգտակար տիպեր էք օգտագործում ձեր աշխատանքի ընթացքում։ Խոսեք Record, Pick, Omit, Partial, Required, Parameters, Exclude, Extract մասին։

Middle+

IT One