Frontend

TypeScriptте in оператору эмне кылат?

Middle+

IT One

useCallback жөнүндө айтып бериңиз — колдонуу сценарийи, эмне үчүн керек?

Middle+

IT One

Reactте формалар менен иштөө жөнүндө айтыңыз: көзөмөлдөнүүчү жана көзөмөлдөнбөгөн компоненттер, ар бир ыкманын артыкчылыктары жана кемчиликтери.

Middle+

IT One

const LiveSearch = () => { const [inputValue, setInputValue] = useState('') const onInputChange = (e) => { setInputValue(e.target.value) search(e.target.value) } return ( <div> <input value={inputValue} onChange={onInputChange} type="text" /> </div> ) } <span> Издөө: <LiveSearch /> </span>

Middle+

IT One

Маселе: объекттер дарагынан өтүү (ар бир объектте value жана elements талаалары бар) жана бардык valueларды кошуу. Сиз аны кантип ишке ашырар элеңиз?

Middle+

IT One

Blob менен иштедиңби? Динамикалык түрдө түзүлгөн файлды жүктөө үчүн шилтемени кантип түзсө болот?

Middle+

IT One

const X = { a: 1, b: 2, c: 3, d: 4 } function getProperty(obj, key) { // Тапшырма: функцияны типтөө return obj[key] } getProperty(X, 'a') // ката жок getProperty(X, ' ') // ката: ачкыч X объектисине туура келбейт getProperty({ аты: 'Sergey' }, 'аты') // ката жок

Middle+

IT One

React компоненттеринин жашоо цикли этаптары жөнүндө айтып бер

Middle+

IT One

// Серверден алынған деректер өнімнің бағасы туралы: // 12345678 (баға кез келген сан болуы мүмкін 1-ден [phone] дейін) // бағасын форматталған жолға айналдыратын функция жазу керек: // 12'345'678

Middle+

IT One

React.memo эмне? useCallback качан колдонулат?

Middle+

IT One

function sum(a, b) { return a + b; } function memo() {}

Middle+

IT One

import React, { useState, useEffect, useRef, useContext, useReducer, useMemo } from 'react'; export default () => { const [count, setCount] = useState(0); useLayoutEffect(() => console.log("ар бир рендер 1")); console.log("ар бир рендер 2"); useEffect(() => { console.log("ар бир рендер 3"); return () => { console.log(4); }; }, [count]); return ( <button onClick={() => setCount((prevProps) => ++prevProps)}> Арттыруу </button> ); }

Middle+

IT One

useEffectтеги тазалоо функциясы (cleanup) эмне? Ал качан иштейт? Аны useEffectке жаз.

Middle+

IT One

const { foo: [bar], bar: [{ baz: foo }] } = { foo: [1], bar: [{ baz: 3 }] } console.log(bar) console.log(foo) //

Middle+

IT One

Reactтеги Virtual DOM жана reconciliation механизми жөнүндө мага айтып бер. React дарактарды салыштырууну кантип оптималдаштырат?

Middle+

IT One

Рекурсиясыз даракка өтүүнү кантип ишке ашыруу керек? Канча маалыматтык структура жардам берет?

Middle+

IT One

Бир секунддан кийин чечилүүчү Promise кайтарган функцияны кантип жазуу керек?

Middle+

IT One

Компоненттин түрү өзгөрсө эмне болот? Бирдей ачкыч абалды сактап калууга жардам береби?

Middle+

IT One

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

Middle+

IT One

let x = 5; (function () { console.log(x); let x = 0; })()

Middle+

IT One