Ir al contenido principal

Destacado

Node | Debug nestjs app en vscode

Recientemente me encontré trabajando en un proyecto basado en nestjs y una cosa que me sorprendió fue la cantidad de console.log distribuidos por todo el repositorio, señal de que el equipo lo usaba como su principal forma de depurar. Un poco old school para mí gusto para ser sincero, así que, ¿Por qué no usar vscode a tu favor? La siguiente configuración ademas de correr la app,  enlaza  el debugger al proceso node. En MacOS:   Ejecutar > Agregar configuración... Listo, ya podemos poner breakpoints en donde lo requiramos, sencillo no? C you space cowboy!
Publicar un comentario
Leer más
Etiquetas

JavaScript | Ocultar Elementos con PrototypeJS

Hace ya bastante que no escribía nada así que decidí retomarlo con una serie de ejercicios usando prototypeJS , vamos a empezar viendo como ocultar elementos con esta simple herramienta.

Teniendo un documento con la siguiente estructura:

<html>
<body>
    <div class="container">
        <ul class="elementos">
            <li>Maecenas vestibulum</li>
            <li>Nam adipiscing</li>
            <li>Phasellus a est</li>
        </ul>
        <p>Lorem ipsum</p>
        <p>Quisque malesuada placerat nisl.</p>
    </div>
</body>
</html>
Para empezar prototypeJS implementa la siguiente funcion: 
Element.hide(elemento)
De tal forma que es posible hacer esto: 
$$('.container')[0].hide(); // Ocultamos el elemento completo.
Ahora si quisieramos ocultar todos los hijos <p> de div.container tendriamos que hacer algo como esto:
$$('.container p').each(Element.hide);
Para ocultar todos sus hijos haríamos algo como esto: 
$$('.container')[0].childElements().each(Element.hide);
Bastante sencillo no?
Etiquetas:

Comentarios

Publicar un comentario

Entradas populares