Frontend
Requisito tecnico: componente per il ritaglio delle immagini Obiettivo: Sviluppare un componente personalizzato da zero (Vue + TypeScript) che consenta all'utente di caricare un'immagine, selezionare un'area per il ritaglio e ottenere il risultato sotto forma di coordinate. Requisiti funzionali: 1. Componente autonomo - Il componente deve essere completamente indipendente, scritto da zero. - Utilizzare Vue e TypeScript. 2. Caricamento e visualizzazione dell'immagine - Prevedere una finestra (area di anteprima) in cui inserire l'immagine. - L'area deve avere una larghezza e altezza massime definite. - Se l'immagine supera le dimensioni dell'area, deve essere automaticamente scalata per adattarsi alla dimensione della finestra (senza uscire dai limiti dello schermo). 3. Selezione dell'area per il ritaglio - Dopo il caricamento, l'immagine viene visualizzata nella finestra. - L'utente deve poter selezionare un'area per il ritaglio con il mouse. - area arbitraria (senza rapporto di aspetto fisso). 4. Salvataggio del risultato - Il pulsante "Salva" attiva un evento o un metodo. - Come risultato, vengono restituite le coordinate dell'area selezionata per il ritaglio. - Non è necessario implementare il processo di ritaglio sul server.
Quanti thread ci sono in JavaScript?
Quali altri metodi di attraversamento di un albero oltre alla ricorsione? Quali sono i vantaggi e gli svantaggi della ricorsione e dello stack?
ТранснефтьQuali metodi di elaborazione degli array conosci?
Se hai del tempo libero e sulla lavagna ci sono due compiti — uno tecnico (refactoring) e uno di prodotto con la stessa priorità — quale sceglieresti?
WildberriesHai allenato bambini per oltre 10 anni e sono diventati campioni di Russia. Quali pratiche della tua attività di allenatore hai trasferito nel lavoro con i junior?
Quali direttive Angular conosci? Come creare una direttiva personalizzata di attributi e strutturale?
AstonParla dei tipi utility in TypeScript: quali hai usato e a cosa servono?
Conosci la differenza tra enum e costanti in TypeScript?
Parlami di microfrontend: a cosa servono e come lavori con essi?
Лига Цифровой ЭкономикиHai detto che Angular non fa per te. Perché?
A cosa serve la semantica dei tag HTML?
Лига Цифровой ЭкономикиQual è la differenza tra un union semplice e un union discriminato?
Parlami di una sfida tecnica difficile che hai dovuto affrontare.
Hai lavorato con Vuex? Cosa sono le mutazioni in Vuex?
C'è una tabella con 50 colonne e molte righe. Diversi gruppi di utenti vogliono vedere i loro set di colonne, e queste impostazioni devono essere salvate dopo il ricaricamento della pagina e la chiusura del browser. Come lo implementeresti?
Quali tipi utilitaristici conosci, ad esempio Pick, Omit, Partial, Required? Come vengono usati?
Qual è la differenza tra ref e reactive in Vue 3?
РунитиParla di un'applicazione fullstack in Node.js/Express per automatizzare la personalizzazione delle pagine di pagamento.
Parla di React hooks e delle regole per il loro utilizzo