¿Cuáles son algunos buenos proyectos de JavaScript que usan solo JavaScript de vainilla?

jQuery es, sin duda, el mejor analizador DOM, pero desaconsejaría su uso hasta que uno haya dominado primero el JS “vainilla”. ¿Por qué no configurar su propio marco similar a jQuery con unos pocos captadores y configuradores CSS rápidos? Tal vez comience con la función $ () siempre tan inteligente como su función de establecimiento universal, y amplíela.

función $ (e) {return document.getElementById (e) .style;}
función $ A (e) {return $ (e) .position = ‘absolute’;}
función $ B (e, val) {return $ (e) .background = val;}
función $ C (e, val) {return $ (e) .color = val;}
función $ F (e, val) {return $ (e) .font = val;}
función $ M (e, val) {return $ (e) .margin = val;}
función $ P (e, val) {return $ (e) .padding = val;}
función $ Q (e, val) {return $ (e) .border = val;}
función $ H (e, val) {return $ (e) .height = val;}
función $ V (e, val) {return $ (e) .visibility = val;}
función $ W (e, val) {return $ (e) .width = val;}
función $ X (e, val) {return $ (e) .posLeft = val;}
función $ Y (e, val) {return $ (e) .posTop = val;}
función $ Z (e, val) {return $ (e) .zIndex = val;}
función show (e) {$ V (e, ‘visible’);}
función hide (e) {$ V (e, ‘hidden’);}
función valA (e) {return $ (e) .visibility;}
función valB (e) {return $ (e) .background;}
función valC (e) {return $ (e) .color;}
función valM (e) {return $ (e) .margin;}
// y así …

Cree un

con algunos botones en la pantalla para moverlo y cambiar su tamaño. Haz que desaparezca, reaparezca, cambie de color, cambie las imágenes en respuesta al movimiento, etc.

Mi primer proyecto JS, un clon de Buscaminas con algunas capacidades de resolución. El estado del juego fue definido por las clases CSS y toda la manipulación DOM fue realizada por document.getElementById ()

El juego real puede ser lo suficientemente pequeño como para escribir en unos 15 minutos más o menos, lo cual es bueno si estás aburrido y todo lo que tienes es una computadora portátil Windows NT severamente bloqueada sin conexión a Internet pero extrañamente instalado un navegador *.

(* era IE 6, no sé si cuenta como navegador)

¡JUEGO DE VIDA de Ooooh Conway!

Cómo construí el juego de la vida de Conway en JavaScript

deFabius / game-of-life-vanilla-js

Este es el mejor proyecto para una sola persona. Me lo presentaron como un principiante casi completo e incluso ahora todavía me resulta extremadamente difícil y desafiante.

¡Espero que lo disfrutes tanto como yo!