Html5-boilerplate: Optimización de nombre de archivo, agregar "aplazar", saludo de consola para confirmar conectividad

Creado en 20 ago. 2020  ·  18Comentarios  ·  Fuente: h5bp/html5-boilerplate

Estoy enviando un...

  • [ ] informe de error
  • [x] solicitud de función
  • [ ] otro (no envíe solicitudes de soporte aquí (abajo))

¡¡¡Hola a todos!!!

ME ENCANTA esta herramienta, es increíble para desarrolladores como yo que escribimos principalmente en Vanilla Js , especialmente cuando los marcos son excesivos para la tarea en cuestión.
Mi(s) solicitud(es) de función(es) es(n) simple(s). ¡Me encantaría ayudar a implementarlas si alguna de ellas se considera digna!

1. Cambie el nombre del archivo "main.js" a "app.js"

_Vs Code y muchos otros IDE/editores de código tienen predeterminado "app.js" como el archivo Javascript "predeterminado"_

2. Agregue "defer" a la etiqueta de secuencia de comandos del archivo Js de origen:

<script defer src="app.js"></script>

_Esto permite que todos los elementos DOM se carguen antes de ejecutar cualquier script Js_

3. Agregue 1 línea de código a main.js (_o app.js, si ha cambiado_):

console.log(' √ Js file connected! Thanks for using HTML5 Boilerplate 🔥 ');

_¡Esta es solo una buena forma de confirmar que nuestros archivos HTML y Js están listos!_

4. Cambie el nombre del archivo "main.css" a "style.css"

<link rel="stylesheet" href="style.css">

_Vs Code y muchos otros IDE/editores de código predeterminados en "style.css" como la importación de archivos css "predeterminada"_

Comentario más útil

  1. Creo que estaría de acuerdo con cambiar el nombre de main.js a app.js, pero no importa de ninguna manera.
  2. Defer puede ser de gran ayuda para optimizar la velocidad de la página, pero no siempre es una buena idea, ya que es posible que se necesite el JS para representar la página. Creo que sería mejor no agregar diferir a la plantilla.
  3. No estoy seguro de si esto es realmente necesario. Probablemente sea mejor que los desarrolladores configuren las pruebas ellos mismos en lugar de dejar el código en el script que podría pasar a producción.
  4. Creo que esto podría ser una buena idea. Acepte que el nombre de archivo más común para el CSS de un sitio es 'style.css'

Todos 18 comentarios

Se me puede contactar a través de [email protected] además de github.
¡¡¡Gracias!!!

  1. Creo que estaría de acuerdo con cambiar el nombre de main.js a app.js, pero no importa de ninguna manera.
  2. Defer puede ser de gran ayuda para optimizar la velocidad de la página, pero no siempre es una buena idea, ya que es posible que se necesite el JS para representar la página. Creo que sería mejor no agregar diferir a la plantilla.
  3. No estoy seguro de si esto es realmente necesario. Probablemente sea mejor que los desarrolladores configuren las pruebas ellos mismos en lugar de dejar el código en el script que podría pasar a producción.
  4. Creo que esto podría ser una buena idea. Acepte que el nombre de archivo más común para el CSS de un sitio es 'style.css'

De acuerdo sobre 1 y 4. Siempre uso app.js y style.css en mis proyectos. De acuerdo con @coliff sobre 3. El registro de la consola se puede implementar en producción por error.

Tiempo de la historia: #1116

Señalaré que tenemos un proyecto completamente separado que se llama literalmente main.css, por lo que sería un poco divertido cambiar el nombre en sentido descendente. No estoy del todo en contra, pero puede ser un poco extraño.

Gracias a todos. Déjame saber qué quieres hacer con el n.° 1 y el n.° 4 (si no es demasiado extraño, solo trato de mantener las cosas actualizadas)

¿Debo cerrar esto?

Seguiré cuando tenga tiempo. Así que déjalo reposar por ahora. No estoy convencido de ninguno de estos cargos, pero también quiero abordar adecuadamente las sugerencias.

¡Ah, OK! No hay problema, simplemente no quiero causarle a nadie un momento difícil. No tengo prisa por este lado, simplemente no quería que la pestaña de problemas se deslumbrara con algo que abrí y no ser proactivo al respecto. ¡Salud! 🔥

Sin preocupaciones. A veces estas cosas se mueven rápido, otras veces no tanto.

¡No planeo hacer nada por mucho tiempo, excepto mejorar mis habilidades y continuar dando clases particulares a un par de estudiantes! No tenía idea de que tienes un par de libros, los recogeré lo antes posible. Además, es genial ver a un compañero desarrollador de Mass... Soy de Springfield, pero he tocado en muchos espectáculos de esa manera. Cualquier cosa que necesites, solo dame un grito sin prisas por ningún motivo, nada está roto jaja

@vltansky , podría ser genial agregar los nombres de los archivos como una opción para el script de creación.

Spoiler: me inclino por app.js, pero dudo en cambiar el nombre de main.css, solo por el proyecto que lo aloja. Supongo que ese es un punto de discusión. ¿Importa si el proyecto upstream tiene un nombre diferente? Creo que styles.css es un mejor nombre, seguro. Tal vez voy a twittear al respecto. No habría problemas con tener main.css como una dependencia (como un proyecto) y luego construirlo con el nombre que queramos. Incluso podríamos agregar eso como una opción al proyecto main.css. hmm Trataré de mover la pelota en esto durante el fin de semana.

🤔

Suena bien. Esta es mi primera solicitud de funciones, se lo agradezco.

Voto a favor de usar el nombre de archivo style.css . El CSS compilado final de un usuario incluirá nuestro 'main.css', pero también incluirá sus propios estilos personalizados y tal vez estilos de otros complementos, etc., por lo que el CSS final en su proyecto no es solo 'main.css'.

si 👍🏻

Hola @klutchdev. Bifurqué este repositorio y agregué cambios como usted solicitó. ¿Y ahora que debo hacer?

¡¡Oh!! uhhh, creo que depende de @roblarsen ? Iba a pensar en algunos cambios de los que @coliff , @vltansky y yo mismo hablamos, así que diría que se mantengan firmes.

cerrado a través de #2341 y #2342 ¡Gracias por la sugerencia @klutchdev !

bienvenidos

¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

amilajack picture amilajack  ·  19Comentarios

sideshowbarker picture sideshowbarker  ·  5Comentarios

archimj03 picture archimj03  ·  6Comentarios

necolas picture necolas  ·  44Comentarios

roblarsen picture roblarsen  ·  5Comentarios