Ao usar o js-
prefixo para classes em elementos DOM, você desacopla aspectos funcionais desses elementos dos CSS. Um exemplo:
<a class="btn js-popup">Click me!</a>
Agora:
- como codificador css, você pode facilmente alterar o design da âncora alterando a
btn
classe e não se preocupe se isso interromper o comportamento do pop-up. - e, inversamente, como desenvolvedor de JavaScript, você pode remover o comportamento do pop-up e nunca quebrar as regras CSS existentes.
Consulte também: Evite seletores de tag para elementos comuns