si quiero introducir js que interactué con el DOM, un ejemplo un evento resize seria introducirlo en un hook onMounted, lo eh intentado y es como trabajar con js mas directo puro idk? entiendo que tambien se puede haciendo uso del atributo ref="..." dentro de la etiqueta y referenciarla a una variable para trabajar con ella mas no se cual convendría mas utilizar
para cada app se tiene que crear archivos estáticos y ahi introducir sus respectivos css, js y demas o se puede hacer desde una carpeta static principal que este en proyecto o en otra carpeta universal ?
actualmente tengo entendido que hay una propiedad llamada scale la cual se usa igual que t ransform: scale() la utilice para el ejemplo y no fue necesario introducir el rotate en la animacion y que no me lo deformaba, esta propiedad solo es valido en firefox y safari
no se si se error mio, o se hizo así para hacer el ejercicio rapido, pero al hacer el problema igual que Alvaro, me percato que al activar el evento por segunda o tercera vez, este se realiza múltiples veces en una misma acción
desconozco si esto pueda ser malo para el rendimiento de una pagina ya que se activaría múltiples veces para hacer una cosa
(el codigo lo tuve que realizar con el propertyName ya que elapsedTime me marcaba todos los tiempos iguales
//ejer1 hace referencia a un contenedor invisible para al hacerle click en la blita se de realmente a este contenedor
bolita = ejer1.querySelector('.bolita1');
//btnBolita refiere al btn para activar
btnBolita.addEventListener("click", () => {
bolita.classList.add('bolita1Animate')
bolita.addEventListener('transitionend', e => {
console.log(e.propertyName) // me indicara cuantas veces se activo
if (e.propertyName == 'top') bolita.classList.remove('bolita1Animate')
});
})
lo que hice para solucionar esa multiple activacion fue poner el if dentro de una funtion y no hacer el evento 'transitionend' de manera anonima
function animation(e){
console.log(e.propertyName) // me indicara cuantas veces se activo
if (e.propertyName == 'top') bolita.classList.remove('bolita1Animate')
}
bolita = ejer1.querySelector('.bolita1');
btnBolita1.addEventListener("click", () => {
bolita.classList.add('bolita1Animate')
bolita.addEventListener('transitionend', animation);
})
cual es el plugin que usas para el css se acomode todo de manera vertial ? que se vea mas ordenado
el usar media query como include, no generaria basura?
ya que estas creando la misma medida screen para cada uno de los selectores que deseas en vez de crear una media screen e introducir todos los selectores dentro que desees ?
Hay alguna opción para después de poner ya sea un texto o imagen en modo vector, regresarlo a su estado normal ? además de ctrl+z
¿para qué sirve en sí, darle el nombre al CONSTRAINT ? entiendo el funcionamiento del CONSTARINT pero darle nombre aún no me tiene claro si le da alguna función como para llamarla o alguna otra cosa, que más se puede realizar con ese nombre?
es recomendado el uso de catch?
tengo entendido que dentro del then se usarían dos funciones una para él resolve y otra para él reject
pero por ahi vi que es un poco más legible utilizar la palabra reservada catch para devolver él reject
cuál sería el más recomendado para utilizar?
ejemplo;
// Usando catch
promesa()
.then( aceptado => { console.log( aceptado ); } )
.catch( rechazad => { console.log( rechazad ); } );
// Sin catch
promesa().then(
aceptado => { console.log( aceptado ); },
rechazad => { console.log( rechazad ); }
);