Frontend

// comp.vue <template> <ul v-if="products != null"> <li v-for="(pr, i) in products">{{pr}}</li> </ul> </template> <script> import {getProducts} from ""; import {ref} from "vue"; const products = ref(null); onMounted(() => { getProducts().then(result => products.value = result) }) </script> setup() (tiek izpildīts pirms beforeCreate un created) onBeforeMount onMounted onBeforeUpdate onUpdated onBeforeUnmount onUnmounted Vecāks: setup Vecāks: beforeCreate Vecāks: created Vecāks: beforeMount Bērns: setup Bērns: beforeCreate Bērns: created Bērns: beforeMount Bērns: mounted Vecāks: mounted <template> <div> <slot name=""></slot> </div> </template>

Uzdevums ar slēgšanu: kāpēc funkcija vienmēr atgriež 0, nevis palielināto vērtību?

Kādus veidus var izmantot, lai uzlabotu lietojumprogrammas veiktspēju (priekšpuse, aizmugure, datu bāze)?

Middle+

Т-Банк

Kādus utility tipus TypeScript zināt?

import { useState, useRef, useEffect } from "react"; const useDebugRender = ({props}) => { const prevProp = useRef(props) useEffect(() => { }, []) } const ParentComponent = () => { const [random, setRandom] = useState(0); // Prop kā nodod bērnu komponentam const [text, setText] = useState(""); // Prop kā nodod bērnu komponentam const createRandom = () => setRandom(Math.floor(Math.random() * 100)); const onTextChange = (e) => setText(e.target.value); const [count, setCount] = useState(0); const incrementCount = () => setCount((prev) => prev + 1); // Šī funkcija tiek nodota kā Prop bērnu komponentam return ( <> <Count: {count} /> <input type="text" onChange={onTextChange} /> <button onClick={createRandom}>Ģenerēt nejauši</button> <div> <ChildComponent random={random} text={text} incrementCount={incrementCount} /> </div> </> ); }; export default ParentComponent;

Middle+

IT One

Ja runājam par tīrām optimizācijas tehnikām React iekšienē, kuras pazīstat? (useMemo, useCallback, React.memo)

Ar ko bija īstenoti moduļi un mikrofrontendi?

Kā noteikt lietotāja valsti pēc HTTP galvenes?

Kādi bija Vue 2 dzīves cikla hooki?

Ko vēl jūs ņemsiet vērā, izvēloties tehnoloģijas un pieejas jaunam produktam?

Kas ir notikumu apstrāde React? Kas ir sintētisks notikums?

Vai jūs pazīstat tipu unknown? Kā tas atšķiras no any?

Kāda ir tava kopējā attieksme pret utility-first CSS ietvariem?

Vai vari izskaidrot starpību starp switchMap un mergeMap operatoriem?

Kāda ir atšķirība starp datu glabāšanu masīvā un objektā no atmiņas viedokļa? Kurš veids, kā glabāt tabulu (divdimensiju masīvs vai divdimensiju objekts), būs vieglāks atmiņai?

Middle

СБЕР

// Jums ir dota rinda, kas sastāv no latīņu burtiem, tukšumiem un pieturzīmēm. // Rinda tiek saukta par pangramu, ja tā satur katru no 26 latīņu burtiem vismaz vienu reizi. // Noskaidrojiet, vai rinda ir pangramma. const LETTERS = ['A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z']; function isPangram(text) { // jūsu kods šeit } console.log(isPangram('A pangram or holoalphabetic sentence is a sentence using every letter of a given alphabet at least once.')); // -> false console.log(isPangram('Waltz, bad nymph, for quick jigs vex.')); // -> true

Kāda ir atšķirība starp unknown un any TypeScript?

Ar kuriem ziņojumu starpniekiem esat strādājis?

Kādus jautājumus jūs redzat ar globālo objekta window.handlers un notikumu apstrādātāju konfliktiem?

Kāda ir problēma, izmantojot enum TypeScript, kad tas tiek kompilēts uz JavaScript? Ar ko var aizstāt enum?