Frontend

რომელი პროფილირების ინსტრუმენტებს იყენებ? გქონია შემთხვევა, როდესაც მეხსიერების დამპები გქონია?

Middle

СБЕР

Webpack-ის გამოყენება იყო თუ არა ეს ცნობიერი გადაწყვეტილება, თუ ის უკვე იყო?

შეავსეთ კითხვების ადგილები რიცხვებით, რათა კონსოლში გამოჩნდეს რიგით 1, 2, 3, 4, 5, 6, 7, 8, 9, 10 (Event Loop, Promise, setTimeout დავალება)

Middle

Okko

რომელი ბრაუზერის რენდერირების ეტაპები შეიძლება ოპტიმიზირებული იყოს ზედმეტი გამოთვლების თავიდან ასაცილებლად და როგორ უნდა გავაკეთოთ ეს?

მითხარი Storybook-ის შესახებ — რამდენად ინტენსიურად მუშაობდი მასთან, თუ ეს იყო მხოლოდ პატარა კომპონენტი?

გვერდზე ელემენტების პოზიციონირების ვარიანტები (CSS position) რა არის?

გეცოდინება თუ არა EventEmitter-ის ნიმუში? შეასრულეთ კლასი მეთოდებით subscribe, unsubscribe და fire.

Middle+

Альфа-Банк

class Foo { bar = 1; bla = () => console.log(this.bar); baz = function () {console.log(this.bar);}; } new Foo().bla(); new Foo().baz(); Кыскача айтканда: `this` — бул көрүнүш чөйрөсү эмес, функцияны чакыруу контексти. Ал аны аныктап берет, функция кайда декларацияланган эмес, кайда чакырылганда. 3-4 эрежени кошсо болот: - Адаттагыча функцияны чакыруу — `this` көбүнчө strict режимде undefined болот. - Объекттин методу — `this` сол жактагы объектти көрсөтөт. - `call / apply / bind` — `this`ти так белгилөөгө мүмкүндүк берет. - Сүрөттөлгөн функциялар — өзүнүн `this`и жок, сырттан алат.

Middle

АЙ-ТЕКО

გთხოვთ, ახსენით, რა ხდება ძველ მოთხოვნებთან მომხმარებლის შეცვლისას და როგორ აფერხებს `AbortController` რბოლას (race condition).

როგორ შეიძლება JSON-ის ნაკადი გაანალიზოს, პროცესის გაყოფით ნაწილებად, რათა არ დაბლოკოს მთავარი ნაკადი? რა საშუალებით შეიძლება დაიწყოს შემდეგი ნაწილის დამუშავება, რათა გვერდი არ შეფერხდეს (მაგ., requestIdleCallback, გენერატორები)?

რა არის useMemo, useCallback და React.memo? როდის არის უკეთესი გამოყენება?

როგორ გააუმჯობესებდი onChange დამუშავებლების განმეორებადი კოდის ოპტიმიზაციას ელფოსტის და პაროლის ველებისთვის?

function memoize(fn, options = {}) { const { maxSize = 1000, keyOf = (...a) => JSON.stringify(a), lruTouch = true, } = options; let hits = 0; let misses = 0; const cache = new Map(); const getKey = (...args) => keyOf(...args); const wrapped = (...args) => { // кодду ушул жерге жаз return fn(...args); }; // жана ушул жер return wrapped; }

გთხოვთ, მოგვიყევით თქვენი კომერციული გამოცდილებისა და ტექნოლოგიების სტეკის შესახებ, რომელთანაც მუშაობდით.

რა ძირითადი პრინციპები გაქვთ ობიექტზე ორიენტირებულ პროგრამირებაში? თითოეულზე ისაუბრეთ.

EM ერთეული საიდანაა დამოკიდებული: ყველაზე ახლო REM-დან თუ მშობლის ფონტის ზომიდან?

TypeScript-ში infer საკვანძო სიტყვა რა მიზნით გამოიყენება?

გეცოდინება, რა არის მდგომარეობის აწევა?

რა განსხვავებაა display flex და display grid-ის შორის? როგორ ვათავსოთ ელემენტები flex-ში?

რა არის ყველაზე პოპულარული გზა div-ის ცენტრში განთავსებისთვის?

Middle+

Рунити