Frontend

Niyə var istifadə etmək və indeksə görə elementləri axtarmaq (querySelectorAll()[0]) pis təcrübə sayılır?

Event Loop haqqında danışın: mikro və makro tapşırıqlar arasındakı fərqi izah edin, vəd və setTimeout ilə nümunə göstərin.

Niyə counter çağırışlar arasında dəyəri saxlayır və eyni zamanda count dəyişəni birbaşa xaricdən əlçatan deyil?

Döngüdə var ilə bağlı tapşırıq: niyə 5 dəfə 5 çıxır və necə düzəltmək olar?

Middle

Рунити

/** * Yoxlayir ki, qutular sətirdə balanslıdır ya yox. * Sətirdə rast gəlinə biləcək qutular: * [[{ və }]] * @param {string} str * @return {boolean} */ function parentheses(str) { const open = ['(', '[', '{']; const close = [')', ']', '}']; const stack = []; for (let i = 0; i < str.length; i++) { const letter = str[i]; if (open.includes(letter)) { stack.push(letter); } else if (close.includes(letter)) { const index = close.indexOf(letter); const lastOpenIndex = stack.length - 1; if (open[index] !== stack[lastOpenIndex]) { return false; } else { stack.splice(lastOpenIndex, 1); } } } return stack.length === 0; }

Hazırkı işinizdə sizi yeni yer axtarmağa vadar edən 'tavan' nədir?

Vue.js-də valideyn komponentindən uşaq komponentinin metodunu necə çağırmaq olar?

Bir-birinə döngüvi istinadlara malik iki obyekt varmı? Bu yaddaş sızıntısına səbəb olacaqmı? JavaScript-də çöp toplayıcı necə işləyir və yaddaşın təmizlənməsi üçün əsas şərt nədir?

Middle

Wildberries

Bu React ilə edilir? Formlar üçün hansı texnologiyaları və kitabxanaları istifadə etdiniz? Orada doğrulama var idi?

Middle

МВидео

const func = obj.sayHi() const boundFuns = func.bind(obj) boundFuns() ------------------- const submit = (el) => () => { log(el); } arr.map(el => <button onClick={submit(el)}/>) const param = useMemo(() => a + b) return <Child value={param} />

Middle+

IT One

Uzunmüddətli dəstək üçün yazılmış kodun strukturunu necə yaxşılaşdırardınız?

Middle+

Рунити

Event Loop haqqında danış: mikro və makro tapşırıqlar, icra sırası.

Middle

Рунити

DevOps hissəsində nə etdiyiniz barədə daha ətraflı danışın.

Hansı render strategiyaları mövcuddur? CSR, SSR, SSG haqqında danışın.

Ox işarəsi funksiyası öz this-ə malik deyil — bu nə deməkdir və bu halda this haraya işarə edir?

Əgər son 4-5 il iş təcrübəsindən danışırıqsa, sizə ən çox yad qalan və niyə?

Komponentləri optimallaşdırdıq — optimizasyondan əvvəl nə olduğunu və sonra nə olduğunu nümunə ilə göstərin.

Komponentlər + React Context → formEntity-nin Form daxilində provayder vasitəsilə ötürülməsi və FormItem-də istifadəsi. Form, uşaqlarını FormContext.Provider ilə əhatə edir və FormItem cloneElement istifadə edərək Input-a value və onChange enjekte edir. Qarşısını almaq üçün: əmin olun ki, FormItem yeniləmə funksiyasına adı ötürür. ```javascript const Form = ({ children, formEntity }) => ( <FormContext.Provider value={formEntity}>{children}</FormContext.Provider> ); const FormItem = ({ name, children }) => { const { state, handlers } = useContext(FormContext); return React.cloneElement(children, { value: state[name], onChange: (e) => handlers.updateValues({ name, value: e.target.value }), }); }; ```

Tutaq ki, middleware vasitəsilə autentifikasiya ilə qorunan səhifə yaratmalısınız. Bunu necə həyata keçirərdiniz?

JavaScript-də bağlama nədir? Nümunə göstərin.