Frontend

როგორ შეგვიძლია გავიგოთ, რომ წარმოებაში ფორმაში პრობლემებია, თუ ის მუშაობას შეწყვეტს (მაგალითად, რეგისტრაცია არ სრულდება)?

TTFB (Time To First Byte) მეტრიკა — როგორ შეიძლება შემცირდეს SSR-ის დროს, რა არის დაცემების ბუნება და როგორ შეიძლება გაუმჯობესება? აღწერეთ, რა ხდება Enter-ს დაჭერის მომენტიდან სანამ რამე გამოჩნდება ეკრანზე.

promiseWithResolve() ფუნქცია { // არ არის განხორციელებული } const { resolve, promise } = promiseWithResolve(); promise.then((v) => console.log(v)) setTimeout(() => resolve(13), 10)

შეასრულეთ callLimit ფუნქცია, რომელიც შეზღუდავს გადაცემული ფუნქციის გამოძახების რაოდენობას მითითებულ ლიმიტამდე, და ასევე უზრუნველყოფს reset მეთოდს გამოთვლილის გასაწმენდად.

დაწერეთ ფუნქცია sum, რომელიც, როდესაც გამოიძახება არგუმენტთან, აკუმულირებს რიცხვს, ხოლო როდესაც გამოიძახება არგუმენტს გარეშე, აბრუნებს აკუმულირებულ რიცხვს. მაგალითად: sum(2)(1)(2)() უნდა დააბრუნოს 5.

წარმოვიდგინეთ სიტუაცია: გამოსვლის წინ თქვენ იპოვით ბაგს, რის გამოც ფუნქცია არასწორად მუშაობს. გამოსვლა ვერ გადაიდო, მაგრამ თქვენ გესმით, რომ რაღაც არასწორად მუშაობს. რა გააკეთებდით ასეთ სიტუაციაში?

მომხმარებელმა დაწკაპუნა ღილაკზე, ბექენდიდან დიდი მონაცემთა ნაკადი მოვიდა და ეკრანი გაყინული იყო. რა შეიძლებოდა გამოიწვია ეს და როგორ უნდა გადაწყდეს ეს პრობლემა?

TypeScript-ის ტიპის განსაზღვრეთ URL-ის ვალიდაციისთვის, რათა მხოლოდ სწორი URL-ები მიიღოს შემდეგი ფორმატით: ძირითადი დომენი + გზა (users/orders/messages) + მეთოდი (get/update/delete/ban). შემთხვევითი სტრიქონები უნდა გამოიწვიოს კომპილაციის შეცდომა.

დავუშვათ, ჩვენ გვაქვს ონლაინ-მაღაზია, სადაც 50 პროდუქტის სიაა გამოქვეყნებული, გვერდის ნომრებით. როდესაც მომხმარებელი გადადის მეორე გვერდზე, განსაკუთრებით ტელეფონზე, მას დიდხანს უჩვენებს თეთრ კვადრატებს სურათების ნაცვლად. როგორ გავხადოთ სურათები უფრო სწრაფად გამოჩნდეს?

თქვენ მუშაობდით CI/CD-თან, იქნებ Docker კონტეინერებს ქმნიდით ან პაიპლაინებს კონფიგურაციას აკეთებდით?

export function foo(o, arr) { return arr.reduce((a, x) => { // თუ (o.hasOwnProperty(x)) a[x] = o[x]; if (o[x]) a[x] = o[x]; return a; }, {}); } const obj = {a: 's'} foo(obj, ['a'])

დავუშვათ, ჩვენ ვხედავთ, რომ სტილები ყოველ ჯერზე, როდესაც მომხმარებელი შედის საიტზე ან განაახლებს გვერდს, დიდ დროს იღებს. კრიტიკული CSS-ის შექმნა რთულია. რა უნდა შევამოწმოთ კონკრეტულად CSS-ში და ზოგადად ნებისმიერ სტატიკურ კონტენტში?

გაგიანეთ, რა აკეთებს ეს კოდი და როგორ შეიძლება მისი გამოყენება. lodash-ში მსგავსი helper არსებობს — თუ იცნობთ, უბრალოდ სახელწოდებას მიუთითეთ.

დარწმუნდით, რომ UserName კომპონენტი წარმატებით ფორმის გაგზავნის შემდეგ აჩვენებს ახალ მომხმარებლის სახელს.

დამუშავებულხარ თუ არა SSR-თან? რა გითმობდა — SSR, SSG თუ უბრალოდ Next.js-ით იყენებდი?

როგორ მივიღოთ მონაცემები API-დან thunk-ის შიგნით, учитывая, что API გადაეცემა როგორც დამატებითი არგუმენტი thunk მედიაში?

მომხმარებელი უჩივის, რომ ზოგჯერ ღილაკი არ მუშაობს, მაგრამ ადგილობრივად პრობლემა არ მეორდება. რა ნაბიჯები გაქვთ დათვალიერებისთვის? რა შეიძლება იყოს მიზეზები?

რა შეიძლება დაბლოკოს HTML-ის ანალიზის პროცესი?

როგორ მუშაობს Event Loop? რა რიგებია და რა წესით ხორციელდება მათი შესრულება? ისაუბრეთ მიკრო დავალებებზე, მაკრო დავალებებზე, requestAnimationFrame-ზე, requestIdleCallback-ზე.

თქვენ გსმენიათ Web Vitals და განსაკუთრებით FCP მეტრიკის შესახებ? გვითხარით, რა იცით Web Vitals მეტრიკებზე.