Frontend

Asenkron JavaScript ile nasıl çalışılır? async/await ile promise'lar arasındaki fark nedir?

HTML tarayıcıya ne zaman girer? Bloklayıcı varlıklar nelerdir ve bunlarla nasıl çalışılır?

Birden fazla bölümden oluşan büyük bir store'umuz varsa ve ebeveyn bileşen bir bölüm durumu kullanıyorsa, çocuk bileşen başka bir bölüm kullanıyorsa, bu bileşenlerin bağımsız yeniden render edilmesini nasıl sağlayabiliriz, useMemo kullanmadan?

async function f(result = 1) { let promiseB = new Promise(resolve => { setTimeout(() => resolve("1e"), 200) }); let promiseA = new Promise(resolve => { setTimeout(() => resolve("ab"), 1000) }); result += await promiseA; result += await promiseB; alert(result); // ? } f(null);

Middle+

Рунити

TypeScript'te non-null assertion operatörü (!) ile tanıştınız mı? Neden anti-patron olarak kabul edilir?

Feature-Sliced Design (FSD) nedir? FSD ile ilgili deneyimlerini anlat.

Zustand'ın altyapısında nasıl çalıştığını anlıyor musunuz?

OPTIONS isteği her durumda çapraz alan isteğinde mi gönderilir yoksa sadece gerekliyse mi? Bu bağlamda basit ve karmaşık istekler arasındaki fark nedir?

Arguments'ı eski yöntemle (ES5) diziye nasıl dönüştürürüz, Array.from ve spread operatörü olmadan?

İşlem açıklamaları yazarken herhangi bir anlaşma kullandınız mı?

Gösterilen fonksiyonu zihinsel olarak çalıştırın: ilk çağrıda ne gösterilecek ve neden? Sayı dizisi almak için kodu nasıl düzeltebilirsiniz?

toggleLoading fonksiyonu ayrı mı olmalı, yoksa gerek yok mu?

Ön uç/kapalı prensibine frontend geliştirmede bir örnek verin, örneğin render props aracılığıyla.

Vue 2'den Vue 3'e geçişte deneyimin var mı — tam olarak kendin ne yaptın?

Bağlam bağlama yöntemlerini biliyor musun?

Ön uçta hangi alanları güçlü yönleriniz olarak görüyorsunuz?

Playwright ile E2E testleri hakkında bana anlat: Test sistemleri nasıl yapılandırıldı, nasıl çalıştırıldı, backend ile nasıl etkileşime geçildi, test verilerinin tekrar üretilebilirliği nasıl sağlandı?

Bir makro görev kuyusu düşünün, içinde beş `setTimeout` ve mikro görevler sonsuz şekilde yeni mikro görevler ekliyor, örneğin özyinelemeli `Promise.resolve().then()` aracılığıyla. Arayüz ne olacak ve bu beş zaman aşımı asla çalışacak mı? Neden?

#React kayıt formu 1. StateProvider nasıl çalışır, görüşmeciyle düşüncelerinizi paylaşın. 2. /src/api/mock'a bakın, nasıl çalıştığını açıklayın. 3. SubmitButton rengini kontrol edin ve düzeltin. 4. Signup bileşeninde istemci form doğrulamasını uygulayın. (\*) Görev numarası 9'u aklınızda bulundurun. Kurallar: - Kullanıcı Adı, E-posta, Şifre ve Tekrar Şifre alanları en az 6 karakter olmalı; - Şifre, Tekrar Şifre ile eşleşmeli; - Doğrulama "SignUp" düğmesine tıklandığında yapılmalı; - Geçersiz değerlere sahip alanlar işaretlenmeli (error ve helperText props); 6. API yanıtında kullanıcıya gösterilecek bir hata olabilir. 7. Kullanıcı Adı bileşeninin, başarılı gönderimden sonra yeni kullanıcı adını render ettiğinden emin olun. 8. Yeni SignupSuccess bileşenini uygulayın. Bu, kayıt formunun yerine gösterilmeli. 9. Uygun alanlar için sunucu doğrulaması yapın. --- mock.ts dosyasından kod: ```typescript const fakeResponse = (userName) => ({ code: 200, user: { id: 42, userName, }, }); let a = 0; const api = { '/signup': function (userName: string, email: string, password: string) { a++; return new Promise((resolve, reject) => { setTimeout(() => { if (a % 2 === 0) { return resolve(fakeResponse(userName)); } else { return reject( new Error( `Kullanıcı adı "${userName}" zaten alınmış. Lütfen başka bir tane deneyin.` ) ); } }, 500); }); }, }; export default api; ```

Dinamik yönlendirme var mı: Kullanıcı sayfasını açmak gerekiyor ve sayfa kendisi değişebilir (örneğin, sorgu parametrelerindeki id). Yönlendirmedeki değişiklikleri izlemek ve ilgili verileri yüklemek için nasıl bir yöntem yazılabilir?