l'output backbonejs si alterna dopo ogni aggiornamento

Question

Sto seguendo un tutorial e sto cercando di eseguire this code. Ogni volta che mi rinfresco, il seguente codice

console.log(childView.el); 

alterna uscita tra questa

<div id="master" class="container"></div> 

e questo:

div#master.container 

Vorrei capire perché questo alterna. Ecco un gif di ciò che vedo (dai un'occhiata alla console).

Answer 1

Da quello che posso dire, Chrome ha due modi diversi di visualizzazione di un elemento nella console: la "via DOM" e la "via Javascript". Credo che ciò che stai vedendo è che Chrome esegue il rendering dell'elemento in un modo inizialmente, quindi passa all'altra rappresentazione subito dopo (cioè, stai vedendo un bug secondario negli strumenti di sviluppo).

Answer 2

Penso che @machineghost abbia ragione, questo è un bug negli strumenti di sviluppo. L'output "corretto" è la notazione DOM: <div id="master" class="container"></div>. Tuttavia, quando viene creata l'istanza della vista, la proprietà .el viene risolta da una stringa di selezione a un elemento DOM. L'altra notazione che stai vedendo è la stringa di selezione per la vista creata.

Sebbene la stringa di selezione sia utilizzata durante la creazione dell'istanza della vista, la proprietà el è sempre impostata su un elemento DOM, ogni volta, utilizzando un numero distaccato <div> se non viene fornita alcuna altra opzione.