Desacople as classes JavaScript das CSS usando o prefixo

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