Html5-boilerplate: Otimização do nome do arquivo, adicione "adiar", saudação do console para confirmar a conectividade

Criado em 20 ago. 2020  ·  18Comentários  ·  Fonte: h5bp/html5-boilerplate

Estou enviando um...

  • [ ] relatório de erro
  • [x] solicitação de recurso
  • [ ] outro (Por favor, não envie solicitações de suporte aqui (abaixo))

Oi todos!!!

Eu AMO essa ferramenta, é incrível para desenvolvedores como eu que escrevem principalmente em Vanilla Js , especialmente quando os frameworks são um exagero para a tarefa em mãos.
Minhas solicitações de recursos são simples. Ficarei feliz em ajudar a implementá-las se alguma delas for considerada válida!

1. Altere o nome do arquivo "main.js" para "app.js"

_Vs Code e muitos outros IDEs/editores de código usam como padrão "app.js" como o arquivo Javascript "padrão"_

2. Adicione "defer" à tag de script do arquivo Js de origem:

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

_Isso permite que todos os elementos DOM sejam carregados antes de executar qualquer script Js_

3. Adicione 1 linha de código ao main.js (_ou app.js, se alterado_):

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

_Esta é apenas uma maneira elegante de confirmar que nossos arquivos HTML e Js estão prontos!_

4. Altere o nome do arquivo "main.css" para "style.css"

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

_Vs Code e muitos outros IDEs/editores de código usam como padrão "style.css" como o arquivo CSS "padrão" import_

Comentários muito úteis

  1. Acho que ficaria bem em mudar o nome de main.js para app.js, mas não se importe de qualquer forma.
  2. Adiar pode ser uma grande ajuda para otimizar a velocidade da página, mas nem sempre é uma boa ideia, pois o JS pode ser necessário para renderizar a página. Eu acho que seria melhor não adicionar defer ao modelo.
  3. Não tenho certeza se isso é realmente necessário. Provavelmente é melhor para os desenvolvedores configurarem os testes em vez de deixar o código no script que poderia ir para a produção.
  4. Acho que isso pode ser uma boa ideia. Concorde que o nome de arquivo mais comum para o CSS de um site é 'style.css'

Todos 18 comentários

Posso ser contatado via [email protected] , além do github.
Obrigado!!!

  1. Acho que ficaria bem em mudar o nome de main.js para app.js, mas não se importe de qualquer forma.
  2. Adiar pode ser uma grande ajuda para otimizar a velocidade da página, mas nem sempre é uma boa ideia, pois o JS pode ser necessário para renderizar a página. Eu acho que seria melhor não adicionar defer ao modelo.
  3. Não tenho certeza se isso é realmente necessário. Provavelmente é melhor para os desenvolvedores configurarem os testes em vez de deixar o código no script que poderia ir para a produção.
  4. Acho que isso pode ser uma boa ideia. Concorde que o nome de arquivo mais comum para o CSS de um site é 'style.css'

Concordo em 1 e 4. Eu sempre uso app.js e style.css em meus projetos. Concordo com @coliff sobre 3. O log do console pode ser implantado na produção por engano.

Tempo histórico: #1116

Vou salientar que temos um projeto totalmente separado que é literalmente chamado main.css, então seria um pouco engraçado mudar o nome downstream. Não sou totalmente contra, mas pode ser um pouco estranho.

Obrigado a todos. Deixe-me saber o que você quer fazer sobre os números 1 e 4 (se não for muito estranho, apenas tentando manter as coisas atualizadas)

Devo fechar isso?

Vou acompanhar quando tiver tempo. Então, deixe-o descansar por enquanto. Não estou convencido de nenhuma dessas cobranças, mas também quero abordar adequadamente as sugestões.

Oh, OK! Não tem problema, eu só não quero causar problemas a ninguém. Sem pressa neste fim, eu só não queria ter a guia de problemas brilhando com algo que eu abri e não ser proativo sobre isso. Saúde! 🔥

Não se preocupe. Às vezes, essas coisas se movem rapidamente, outras nem tanto.

Eu não pretendo fazer nada por muito tempo, exceto aprimorar minhas habilidades e continuar a dar aulas particulares para alguns alunos!!! Eu não tinha ideia de que você tinha alguns livros, eu os pegarei o mais rápido possível. Além disso, é ótimo ver um colega dev de Mass... Sou de Springfield, mas já toquei em muitos shows dessa forma. Qualquer coisa que você precisar, apenas me dê um grito sem pressa por qualquer motivo, nada está quebrado haha

@vltansky pode ser legal adicionar os nomes dos arquivos como uma opção ao script de criação.

Spoiler: Estou inclinado para app.js, mas estou hesitante em mudar o nome de main.css, apenas por causa do projeto que o hospeda. Acho que isso é um ponto de discussão. Importa se o projeto upstream tiver um nome diferente? Eu acho que styles.css é um nome melhor, com certeza. Talvez eu tweet sobre isso. Não haveria problemas em ter main.css como uma dependência (como um projeto) e então construí-lo com o nome que quisermos. Poderíamos até adicionar isso como uma opção ao projeto main.css. hm. Vou tentar mover a bola sobre isso no fim de semana.

🤔

Parece bom. Este é o meu primeiro pedido de recurso, eu agradeço

Eu voto a favor do uso do nome do arquivo style.css . O CSS compilado final de um usuário incluirá nosso 'main.css', mas também incluirá seus próprios estilos personalizados e talvez estilos de outros plugins, etc - então o CSS final em seu projeto não é apenas 'main.css'.

sim 👍🏻

Olá @klutchdev. Eu bifurquei este repositório e adicionei alterações como você solicitou. Agora o que devo fazer?

Oh!! uhhh, acho que cabe ao @roblarsen ? Ele ia pensar em algumas mudanças que @coliff , @vltansky e eu conversamos, então eu diria apenas aguente firme

fechado via #2341 e #2342 Obrigado pela sugestão @klutchdev !

receber

Esta página foi útil?
0 / 5 - 0 avaliações