Esiste una best practice per nominare i selettori di classe solo per l'identificazione

-3

Esiste una best practice per nominare i selettori di classe solo per l'identificazione?

Ad esempio, per definire un singolo campo quantità con pulsante azione, finiamo per creare diversi contenitori div e div elementi tra altri elementi.

<div class="form-group debit-amount">
  <label class="control-label">Debit amount/label>
  <div class="input-group">
    <span class="input-group-addon">$</span>
    <input type="text" class="form-control">
    <span class="input-group-btn">
      <button class="btn btn-default act-convert" type="button">Apply</button>
    </span>
  </div>
</div>

Ora, voglio aggiungere un selettore css, che è puramente per identificare il clic sul pulsante di azione.

//Using a new class only to identify 
$myform.find('.debit-amount .act-convert').on('click', doConvert);

//Using the style class itself 
$myform.find('.debit-amount .btn-default').on('click', doConvert);

Esiste una convenzione di denominazione in modo tale che queste classi di identificazione non siano confuse con le classi di stile?

    
posta Teddy 31.01.2018 - 07:38
fonte

1 risposta

0

Is there a naming convention so that, these identification classes are not confused with style classes?

Penso che la tua domanda venga risolta distruggendo la differenza tra le classi "identificazione" e "stile".

Se fai clic su azione cambia semplicemente il colore o qualcosa del genere allora potrebbe essere pensato come una classe di "stile". In effetti con i moderni CSS potresti probabilmente ottenere lo stesso effetto senza ricorrere a javascript.

Ma il semplice fatto che stai usando javascript per ottenere un effetto non significa che improvvisamente una classe "stile" non sia un selettore appropriato.

Se la tua azione è un metodo di logica aziendale, allora, sì, iniziamo a pensare che dovremmo divorziarlo dallo "stile". In realtà, potremmo considerare tale codice di collegamento come Binding tra view e viewmodel . Non c'è motivo per cui più pulsanti non debbano attivare la stessa azione o passare il mouse su un'immagine o su qualsiasi div rosso o altro.

Il bind è parte della vista e come tale è libero di usare qualsiasi identificatore di forma che sceglie.

    
risposta data 03.02.2018 - 12:44
fonte

Leggi altre domande sui tag