Sobes.tech

Vue 2 და Vue 3: რა არქიტექტურული შეზღუდვები ჰქონდა Vue 2-ის რეაქტიულობას, რომლებმა აიძულა ევან იუ-ი წერა ახალი ძრავა `Proxy`-ს გამოყენებით?

184

Vue 3: რა არის ძირითადი განსხვავება `ref` და `reactive` შორის, მათ შორის მათი ძირითადი მუშაობის პრინციპები?

156

გაანალიზეთ მიწოდებული Vue კოდი: რომელ ცვლადები რეაქტიულია, სად კარგავს რეაქტიულობა და როგორ გამოსწორება?

147

მძიმე ფრონტენდ აპლიკაციის ჩატვირთვის ოპტიმიზაციის დროს, სადაც 150 პატარა იკონკაა, უნდა შეერთოს იკონკები ერთ სპრაიტში თუ გამოიყენოს CSS-inlining, როდესაც გამოიყენება HTTP/2 ან HTTP/3?

139

თუ `setup` შიგნით შექმნით `watch` ან `computed`, რა მოხდება მათთან კომპონენტის ამოღებისას?

133

განსაზღვრეთ მოცემული კოდის კონსოლში გამოსვლის სია `setTimeout`, `Promise` და სინქრონული `console.log`-ით, და ახსენით ეს Event Loop-ის მეშვეობით.

130

თუ `setup` შიგნით შექმნით `setInterval`-ს ან დაამატებთ მოვლენის დამგეგმავს `window`-ზე, ისინი ავტომატურად მოიხსნება კომპონენტის დემონტაჟისას?

121

მაკრო დავალებების რიგში ხუთი `setTimeout` არის, ხოლო მიკრო დავალებები უსასრულოდ დაამატებენ ახალ მიკრო დავალებებს, მაგალითად, რეკურსიული `Promise.resolve().then()`-ის საშუალებით. რა მოხდება ინტერფეისთან და ამ ხუთი timeout-ი ოდესმე შესრულდება? რატომ?

118

მომხმარებელი სწრაფად აკლიკებს საძიებო ველში. UX და ქსელი/სერვერის დატვირთვის თვალსაზრისით რა განსხვავებაა `debounce`, `throttle` და `AbortController`-ს შორის? რომელია უკეთესი რეალურ დროში ძიებისთვის?

118

შეასრულეთ `debounce` ფუნქცია, რომელიც მხარს უჭერს დაუყოვნებლივ გამოძახებას მოვლენების სერიის დასაწყისში (`leading`), სერიის ბოლოს trailing-გამოძახებას როგორც დეფოლტს და მეთოდს `debounceFunc.cancel()`, რათა გაუქმდეს დაგეგმილი გამოძახება.

118

შეასრულეთ `SnakeCase` ტიპი, რომელიც ღრმად გარდაქმნის ობიექტის გასაღებებს `camelCase`-დან `snake_case`-მდე, შენარჩუნებული ტიპის უსაფრთხოება.

115

მიწოდებულ Vue კოდში, როდესაც ღილაკს დააჭერთ, რა და რამდენჯერ ჩაიწერება კონსოლში?

114

შეასრულეთ მარტივი `reactive(object)` ფუნქცია, რომელიც იმიტირებს Vue 3-ს: როდესაც კითხულობთ თვისებას, გამოიძახეთ `track(target, key)`, ხოლო როდესაც იცვლით თვისებას, გამოიძახეთ `trigger(target, key)`.

108