Sobes.tech

Frontend

Requisito técnico: componente para recortar imágenes Objetivo: Desarrollar un componente propio desde cero (Vue + TypeScript) que permita a los usuarios cargar una imagen, seleccionar un área para recortar y obtener el resultado en forma de coordenadas. Requisitos funcionales: 1. Componente independiente - El componente debe ser completamente autónomo, escrito desde cero. - Utilizar Vue y TypeScript. 2. Carga y visualización de la imagen - Proveer una ventana (área de vista previa) donde se pueda insertar la imagen. - La área debe tener un ancho y alto máximos definidos. - Si la imagen excede las dimensiones del área, se escala automáticamente para ajustarse al tamaño de la ventana (sin salirse de los límites de la pantalla). 3. Selección del área para recortar - Después de cargar la imagen, esta se muestra en la ventana. - El usuario debe poder seleccionar un área para recortar con el ratón. - Área arbitraria (sin relación de aspecto fija). 4. Guardar el resultado - El botón "Guardar" dispara un evento o método. - Como resultado, se devuelven las coordenadas del área seleccionada para recortar. - No es necesario implementar el proceso de recorte en el servidor.

Middle+
TirScript
165

¿Cuántos hilos hay en JavaScript?

Middle
DevSect
164

¿Qué otros métodos existen para recorrer un árbol además de la recursión? ¿Cuáles son las ventajas y desventajas de la recursión y la pila?

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

¿Qué métodos de procesamiento de arrays conoces?

Middle
RWB
163

Si tienes tiempo libre y en la pizarra hay dos tareas — una técnica (refactorización) y una de producto con la misma prioridad — ¿cu cuál elegirías?

Middle
WildberriesWildberries
162

¿Llevas más de 10 años entrenando a niños y se han convertido en campeones de Rusia. ¿Qué prácticas de tu trabajo como entrenador has transferido al trabajo con juniors?

Middle
Веза
162

¿Qué directivas en Angular conoces? ¿Cómo crear una directiva personalizada de atributos y estructural?

Middle
AstonAston
162

Cuéntame sobre los tipos de utilidad en TypeScript: ¿cuáles has utilizado y para qué?

Middle+
Твое Лайв
162

¿Sabes la diferencia entre enum y constantes en TypeScript?

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

Cuéntame sobre los microfrontends: ¿para qué sirven y cómo trabajas con ellos?

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

Dijiste que Angular no era lo tuyo. ¿Por qué?

Middle
WB банк
161

¿Para qué sirve la semántica de las etiquetas HTML?

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

¿En qué se diferencia simplemente Union de la unión discriminada?

Middle
Омнидата
161

Cuéntame sobre un desafío técnico complicado que hayas tenido que resolver.

Middle
ИРИ
160

¿Has trabajado con Vuex? ¿Qué son las mutaciones en Vuex?

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

Hay una tabla con 50 columnas y muchas filas. Diferidos grupos de usuarios quieren ver sus conjuntos de columnas, y estas configuraciones deben guardarse después de recargar la página y cerrar el navegador. ¿Cómo lo implementarías?

Middle
Элара
160

¿Qué tipos utilitarios conoces, por ejemplo Pick, Omit, Partial, Required? ¿Cómo se usan?

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

¿Cuál es la diferencia entre ref y reactive en Vue 3?

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

Cuéntame sobre una aplicación fullstack en Node.js/Express para automatizar la personalización de páginas de pago.

Middle
Altenar
159

Cuéntame sobre los hooks de React y las reglas para usarlos

Middle
X-Notes
158
/298