Sobes.tech

Frontend

Requisito técnico: componente para recortar imagens Objetivo: Desenvolver um componente próprio do zero (Vue + TypeScript) que permita ao utilizador carregar uma imagem, selecionar uma área para recortar e obter o resultado em forma de coordenadas. Requisitos funcionais: 1. Componente independente - O componente deve ser totalmente autónomo, escrito do zero. - Utilizar Vue e TypeScript. 2. Carregamento e exibição da imagem - Prever uma janela (área de visualização) onde a imagem possa ser inserida. - A área deve ter uma largura e altura máximas definidas. - Se a imagem exceder as dimensões da área, ela deve ser automaticamente escalada para ajustar ao tamanho da janela (sem sair dos limites da tela). 3. Seleção da área para recorte - Após o carregamento, a imagem é exibida na janela. - O utilizador deve poder selecionar uma área para recortar com o rato. - área arbitrária (sem relação de aspeto fixa). 4. Guardar o resultado - O botão "Guardar" dispara um evento ou método. - Como resultado, são devolvidas as coordenadas da área selecionada para recortar. - Não é necessário implementar o processo de recorte no servidor.

Middle+
TirScript
165

Quantos threads há no JavaScript?

Middle
DevSect
164

Que outros métodos existem para percorrer uma árvore além da recursão? Quais são as vantagens e desvantagens da recursão e da pilha?

Middle
ТранснефтьТранснефть
163

Que métodos de processamento de arrays conheces?

Middle
RWB
163

Se tiver tempo livre e há duas tarefas na lista — uma técnica (refatoração) e uma de produto com a mesma prioridade — qual escolheria?

Middle
WildberriesWildberries
162

Você treina crianças há mais de 10 anos e elas se tornaram campeãs da Rússia. Quais práticas da sua atividade de treinador você transferiu para o trabalho com juniores?

Middle
Веза
162

Que diretivas do Angular conheces? Como criar uma diretiva personalizada de atributos e estrutural?

Middle
AstonAston
162

Fala sobre os tipos utilitários em TypeScript: quais usaste e para quê?

Middle+
Твое Лайв
162

Sabes a diferença entre enum e constantes em TypeScript?

Middle
Киберпротект
162

Fala-me sobre micro-frontends: para que servem e como trabalhas com eles?

Middle
Лига Цифровой ЭкономикиЛига Цифровой Экономики
161

Disse que Angular não era a tua praia. Porquê?

Middle
WB банк
161

Para que serve a semântica das tags HTML?

Middle+
Лига Цифровой ЭкономикиЛига Цифровой Экономики
161

Qual é a diferença entre uma união simples e uma união discriminada?

Middle
Омнидата
161

Fale sobre um desafio técnico complicado que teve de resolver.

Middle
ИРИ
160

Já trabalhou com Vuex? O que são mutações no Vuex?

Middle
Ростелеком
160

Há uma tabela com 50 colunas e muitas linhas. Diferentes grupos de utilizadores querem ver os seus conjuntos de colunas, e essas configurações devem ser guardadas após recarregar a página e fechar o navegador. Como você implementaria isso?

Middle
Элара
160

Que tipos utilitários conhece, por exemplo Pick, Omit, Partial, Required? Como são utilizados?

Middle
Интай-текстиль
159

Qual é a diferença entre ref e reactive no Vue 3?

Middle+
РунитиРунити
159

Fale sobre uma aplicação fullstack em Node.js/Express para automatizar a personalização das páginas de pagamento.

Middle
Altenar
159

Fala sobre os hooks do React e as regras para usá-los

Middle
X-Notes
158
/298