Sobes.tech

Vue 2 жана Vue 3: Vue 2нин реактивдүүлүгүнүн архитектуралык чектөөлөрү Эван Юнун `Proxy` колдонуп моторду кайра жазууга мажбур кылдыбы?

182

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

147

Ауыр фронтенд колдонмосунун жүктөлүшүн оптималдаштырганда, 150 кичинекей иконка менен, иконкаларды бир спрайтка бириктирүү керекпи же HTTP/2 же HTTP/3 колдонулганда CSS-inlining колдонуу керекпи?

139

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

130

Эгер `setup` ичинде `setInterval` түзсөңүз же `window`-га иш-чараны кошсоңуз, алар автоматтык түрдө компонент өчүрүлгөндө жоголотпу?

121

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

118

Колдонуучу тез арада издөө талаасына жазып жатат. UX жана тармак/арткы жүктөө жагынан `debounce`, `throttle` жана `AbortController` ортосунда кандай айырма бар? Жанды издөө үчүн кайсысы жакшы?

118

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

118

`SnakeCase` түрүн ишке ашырыңыз, ал объекттин ачкычтарын терең өзгөртүп, `camelCase`-тен `snake_case`-га өзгөртүп, типтин коопсуздугун сактаңыз.

115

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

108