Sempre deixo meu código css e javascript minificado mas nunca tinha reparado no output gerado. Pois bem, notei que a última regra de um seletor (no css) e a última função (no javascript) sempre perde o ponto e vírgula. Por exemplo, uma regra simples no css:
div {
border: 2px solid red;
color: #fff;
}
Ficaria:
div{border:2px solid red;color:#fff} /*perdendo o último ponto e vírgula */
Um outro exemplo, no javascript:
$(function(){
var foo = true;
if(foo) {
foo = false;
bar();
}
});
Irá gerar:
$(function(){var foo=true;if(foo){foo=false;bar()}}) /* sem os últimos ponto e vírgula */
Em caso em que só existe uma função dentro de um bloco, ele também perde a pontuação.
if(foo){
bar();
}
Vira:
if(foo){bar()}
A minha dúvida sobre o assunto é: A ausência desses vários ponto e vírgula podem influenciar de alguma forma no funcionamento do código? Fiz testes em códigos simples mas estou pensando se posso ter problemas em trabalhos mais complexos.
css
, para a última regra, a existência do;
é indiferente.;
é mero separador no CSS, nao tem razão de existir no final. Na verdade são 2 perguntas em uma, pq nao tem nada a ver a sintaxe de JS com a de CSS.