O mesmo script usando dois arquivos js?
-
10-07-2019 - |
Pergunta
Eu admito, eu não sei muito sobre javascript, principalmente eu apenas "roubar e modificar" a partir Javascript.com e Dynamic Drive.
Eu correr em alguns scripts que os arquivos chamada duas .js
<script type="text/javascript" src="lib/prototype.js">
</script>
<script type="text/javascript" src="src/aptabs.js">
</script>
e queria saber por que, eu posso com segurança fundi-los tanto com o meu javascript externo ou há uma espécie de incompatibilidade que impede todo o código de compartilhar o mesmo arquivo?
Solução
É realmente melhor desempenho sábio ter os dois na mesma file- Dependendo de como o seu site é arquitetado. O princípio é o de reduzir o número de solicitações HTTP, já que cada um carrega alguma sobrecarga.
Dito isto, isso é algo melhor deixar para o fim da produção. Durante o desenvolvimento, é mais fácil ter tudo separado. Se você estiver indo para se juntar a eles, é melhor ter um script de construção automatizado para fazer as operações.
Outras dicas
É sempre bom separar o código com diferentes preocupações. Esses dois arquivos podem vir de diferentes lugares. Say protótipo é atualizado e você deseja que o novo bondade. Depois, é só substituir o arquivo prototype.js no seu servidor em vez de editar o seu arquivo enorme e fazer a cirurgia nele.
EDIT: Também é "agradável" para o navegador para ser capaz de armazenar em cache os arquivos individualmente. Se a sua pergunta vem de uma preocupação de duplicar esse bloco de código em vários arquivos de html que eu sugiro que você faça um trecho dela do lado do servidor e incluí-lo seus arquivos html através de qualquer meio que você tem na mão / sentir confortável com.
Eu tenho certeza que o javascript não tem idéia de qual arquivo que tenha carregado a partir, por isso, não deve haver um problema fundindo-lo, no entanto ...
Pessoalmente, eu mantê-los separados. Ele vai tornar mais simples a coordenar versionamento etc. Para a maioria das visitas repetidas, o script será armazenado em cache pelo navegador de qualquer maneira, de modo 2 vs 1 não é realmente um enorme problema. Mas quando você faz um upgrade (ou outro), o cliente só precisa baixar a metade. Mas, novamente, uma vez que é geralmente armazenado em cache não é um Biggie!
Assim, para simplicidade - manter os scripts em suas formas originais. Dado o seu comentário de abertura "Eu não sei muito sobre javascript", isto é, de longe, a melhor abordagem; Não quero dizer que depreciativamente -. Simplesmente que se algo der errado, você não quer ter que encontrar se você quebrou-o, ou ele estava sem dinheiro já
Edit:. Ele também torna mais fácil de re-ordem, por exemplo, se você estiver usando dois scripts que usam a mesma terminologia como $
em jQuery, que também suporta um modo com a nomeação explícita ??p>