Zusammenfassung der während der Entwicklung aufgetretenen Probleme

1. BUG-In Android7-Telefon kann nicht nach oben verschoben werden

Hinweis: Bei Android 7.0 und höher wurde das Problem des langsamen und langsamen iScroll-Verschiebens behoben

Welchen Browser verwenden Sie?

Es gab eine Korrektur für iScrolls Umgang mit passiven Ereignissen in Chrome 55, aber in Chrome 56 trat ein neuer Fehler auf (bestätigt in den iScroll-Demos).

BEARBEITEN: Durchsuchen der GitHubs, rbmeyers ( im Github-Team) wurde überall mit einem einfachen CSS-Fix gepostet:

touch-action: none;

2. Verwirrung über die Ereignisbindung, wenn React ES6+-Syntax verwendet

Verwenden Sie onClick={ this.handleClick. bind(this) in props ) } oder onClick={ (e) => this.handleClick(e) } oder onClick={ ::this.handleClick } verursachen Leistungsprobleme, daher verhindert eslint jetzt, dass diese Methoden während der Syntax geschrieben werden Das Problem besteht darin, dass beim Rendern jedes Mal, wenn diese Schreibmethoden auftreten, die handleClick-Funktion wiederverwendet wird, um eine neue Funktion zu erstellen, was sich auf die Leistung auswirkt.

Wenn Sie die folgende Schreibmethode verwenden, wird sie nicht jedes Mal erstellt:

// 1. 
constructor() {this.handleClick = this.handleClick.bind(this);
}
handleClick(e) { /* ... */ }// 2. 
handleClick = (e) => { /* ... */ };

3. webpack-dev-server + HostAdmin, was zu einem ungültigen Host-Header führt

Zugriff auf das Webpack: Auf den gestarteten Server kann normal über localhost und 127.0.0.1 direkt zugegriffen werden. Wenn der Host jedoch geändert und über den Hostnamen aufgerufen wird, wird der ungültige Host-Header angezeigt.

Es stellt sich heraus, dass die neue Version von webpack-dev-server einige Dinge geändert hat und den Hostnamen standardmäßig überprüft. Wenn der Hostname nicht konfiguriert ist, ist er nicht zugänglich. Diese Konfiguration sollte auf einigen Sicherheitsfaktoren basieren. Ich habe node_modules schon einmal gelöscht und dieses Problem trat nach der Neuinstallation auf.

Methode beheben

disableHostCheck:true

oder

public: 'local.kingsum.biz'

Sehen Sie sich die Dokumentation an sollte webpack -dev-server: v1.16.4-Version sein, also achten Sie bitte auf dieses Problem nach dem Upgrade auf diese Version

4. Standardwert für die Initialisierung von Select2

xxx.val(status ).trigger ('change')

me.$statusSelect.select2({
	data:  [{
      		id : '1',
      		text : '有效'
      	},{
      		id : '0',
      		text : '无效'
      	}
    ],
}).val(status).trigger('change');

5. Wie entferne ich die Aufwärts- und Abwärtspfeile, die im Browser enthalten sind, wenn der Eingabetyp = „Nummer“ lautet?

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type="number"]{
  -moz-appearance: textfield;
}

Das obige ist der detaillierte Inhalt vonZusammenfassung der während der Entwicklung aufgetretenen Probleme. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!