Frontend

JavaScriptda o'zgaruvchilarni qidirish mexanizmi haqida gapir (doira zanjiri / leksikal muhit)

Event Loop haqida gapirib bering: chaqirish steki, mikro vazifalar, makro vazifalar.

Middle

ОТП Банк

Loyihada testlar bormi — birlik testlari, e2e?

Siz WebSocket orqali mingta ulanishni sinovdan o'tkazdingiz — buni qanday sinov qildingiz, yuklama sinovi qanday o'tdi?

Input maydonining valueChanges orqali backendga so'rov yuborish bo'yicha qidiruvni qanday amalga oshirish mumkin: qaysi RxJS operatorlarini ishlatish va nima uchun?

Next.js-da marshrutizatsiya qanday ishlaydi?

Nuxt/Vue'da Composable nima? Misol keltira olasizmi?

Standart yuborishdan tashqari shaklni qanday ishlash mumkin? JavaScript yordamida shaklni qanday yuborish mumkin?

import 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}> Increment </button> <ul> {arr.map((n, index) => <li key={index}>{n}</li>)} </ul> </> ); }; export default () => <LazyInit arr={[1, 2, 3]} />; --- Sağdaki konuşma şu konuları tartışıyor: - TypeScript ile jenerikler kullanımı: "<T extends object, K extends keyof T>" - Veri bir string olup olmadığını kontrol etmek için tür koruyucu: "isString(data: unknown): data is string { ... }" - useState ile fonksiyon kullanımı, her renderda tekrar çalışmasını önlemek için: ``` const [state, setState] = useState(getComplexData); // veya const [state, setState] = useState(() => getComplexData()); ``` - useState'e geçirilen fonksiyon yalnızca bileşen ilk yüklendiğinde çalışır. - 11. satırda prev.concat ile doğrudan durumu değiştirme uyarısı. --- Teknik görev, React bileşen kodunu analiz etmek ve gerekirse düzeltmek veya optimize etmek, özellikle: - useState ile uygun tembel başlangıç yapmanın sağlanması. - Durumun doğrudan değiştirilmesinden kaçınılması. - TypeScript jeneriklerini ve tür koruyucularını anlamak. - Butona tıklandığında bileşenin durumu doğru şekilde güncellemesini sağlamak.

Middle+

IT One

JavaScriptda o'zgaruvchilarni e'lon qilishning qanday usullari mavjud: var, let, const? Ularning farqlari nimada?

Reactda kechiktirilgan yuklash tushunchasini tushuntiring va bu qanday qilib ilova samaradorligini oshirishi mumkinligini.

Middle+

Andersen

O'zingizga mos ish tajribangiz haqida gapiring.

So'nggi bir yoki ikki yil ichida eng kritik xatoliklar haqida gapiring. Nima bo'ldi va ularni qanday tuzatishdi?

[ism] so'radi: vazifa: sahifada input bor. Kiritilgan qiymatni localStorage ga saqlash uchun kod yozing, shunda sahifa yangilanganidan so'ng, qiymat tiklanadi.

Middle

OZON

Agar useEffect ichida bog'liqliklar ro'yxatisiz setState chaqirilsa nima bo'ladi?

Ofisda ishlashga qanday munosabatsiz? Ofisda ishlash tajribangiz bormi?

Konsolda nima ko‘rinadi va nima uchun?

Qaysi davlat menejerlari bilan ishlashga majbur bo'ldingiz va sizga nima yoqadi, qanday pluslar va kamchiliklarni ko'rasiz?

Keyingi bir necha yil uchun professional rejalaringiz qanday? Reactsiz zerikarli bo'lmaydimi?

Vue'da holatni qayerda saqlash mumkin? Qaysi hollarda Pinia/Vuex dan foydalanish yaxshiroq, qaysi hollarda provide/inject?