Résumé des problèmes rencontrés lors du développement

1. BUG-Le téléphone Android7 ne peut pas glisser au-dessus

Remarque : Android 7.0 et supérieur, le problème du glissement lent et lent d'iScroll a été résolu

Quel navigateur utilisez-vous ?

Il y a eu un correctif pour la gestion des événements passifs par iScroll dans Chrome 55, mais un nouveau bug est apparu dans Chrome 56 (confirmé dans les démos iScroll).

EDIT : parcourez les GitHubs, rbmeyers ( sur l'équipe github), a été publié partout avec un simple correctif CSS :

touch-action: none;

2 Confusion sur la liaison d'événement lorsque React utilise la syntaxe ES6+

Utilisez onClick={ this.handleClick. bind(this) in props ) } ou onClick={ (e) => this.handleClick(e) } ou onClick={ ::this.handleClick } entraînera des problèmes de performances, donc maintenant eslint empêchera ces méthodes d'écriture pendant la syntaxe vérification. Le problème La raison est qu'à chaque fois lors du rendu, si ces méthodes d'écriture sont rencontrées, la fonction handleClick sera réutilisée pour la lier afin de créer une nouvelle fonction, ce qui affecte les performances.

Si vous utilisez la méthode d'écriture suivante, elle ne sera pas créée à chaque fois :

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

3. webpack-dev-server + HostAdmin, ce qui entraîne un en-tête d'hôte invalide

accéder au webpack Le serveur démarré est accessible normalement en utilisant localhost et 127.0.0.1 directement. Cependant, si l'hôte est modifié et accessible en utilisant le nom d'hôte, l'en-tête d'hôte non valide sera affiché.

Il s'avère que la nouvelle version de webpack-dev-server a modifié certaines choses et vérifie le nom d'hôte par défaut. Si le nom d'hôte n'est pas configuré, il ne sera pas accessible. Cette configuration doit être basée sur certains facteurs de sécurité. J'ai déjà supprimé node_modules une fois et ce problème s'est produit après sa réinstallation.

Méthode de correction

disableHostCheck:true

ou

public : 'local.kingsum.biz'

En regardant la documentation devrait être webpack -dev-server : La version v1.16.4 a été fusionnée, veuillez donc faire attention à ce problème après la mise à niveau vers cette version

4. Sélectionnez la valeur par défaut d'initialisation

xxx.val( status).trigger (« change »)

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

5. Comment supprimer les flèches haut et bas fournies avec le navigateur lors de la saisie de type="numéro" ?

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

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!