Sobes.tech

Vue 2 және Vue 3: Vue 2-нің реактивтілігінің архитектуралық шектеулері Эван Ю-ны `Proxy` пайдаланып қозғалтқышты қайта жазуға мәжбүр етті ме?

188

Берілген Vue кодын талдаңыз: қай өзгермелі реактивті, қайда реактивтілік жоғалады және оны қалай түзету керек?

151

150 кішкентай иконкалармен ауыр фронтенд қолданбасының жүктелуін оңтайландыру кезінде, иконкаларды бір спрайтқа біріктіру керек пе немесе HTTP/2 немесе HTTP/3 қолданғанда CSS-inlining қолдану керек пе?

139

Берілген код үшін `setTimeout`, `Promise` және синхронды `console.log` арқылы консоль шығу тәртібін анықтаңыз және оны Event Loop арқылы түсіндіріңіз.

130

Пайдаланушы іздеу өрісіне тез жазып жатыр. UX және желі/артқы жүктеме тұрғысынан `debounce`, `throttle` және `AbortController` арасындағы айырмашылық неде? Жанды іздеу үшін қайсысы жақсы?

124

Егер `setup` ішінде `setInterval` жасасаңыз немесе `window`-ға оқиға тыңдағышын қоссаңыз, олар автоматты түрде компонент жойылғанда жойыла ма?

121

Макро тапсырмалар кезегін елестетіп көріңіз, онда бес `setTimeout` бар, ал микротапсырмалар шексіз жаңа микротапсырмалар қосады, мысалы, рекурсивті `Promise.resolve().then()` арқылы. Интерфейс не болады және бұл бес таймаут қашан да орындала ма? Неге?

120

`debounce` функциясын жүзеге асырыңыз, ол оқиғалар сериясының басында (`leading`) дереу шақыруды, әдепкі бойынша серия соңында trailing шақыруды және жоспарланған шақыруды болдырмау үшін `debounceFunc.cancel()` әдісін қолдасын.

118

TypeScript: `camelCase`-тен `snake_case`-ға терең түрлендіретін және тип қауіпсіздігін сақтайтын `SnakeCase` түрін жүзеге асырыңыз.

115

Vue 3-ті имитациялайтын қарапайым `reactive(object)` функциясын жүзеге асырыңыз: қасиетті оқығанда `track(target, key)` шақырыңыз, ал қасиетті өзгерткенде `trigger(target, key)` шақырыңыз.

108