開発中に発生した問題のまとめ

1. Android7 携帯電話で上にスライドできないバグがあります

注: Android 7.0 以降では、iScroll のスライドが遅くて応答しない問題は解決されました

どのブラウザを使用していますか?

iScroll の処理が修正されました。 Chrome 55 ではパッシブ イベントが発生していましたが、Chrome 56 では新しいバグが発生しました (iScroll デモで確認されました)。

編集: GitHub を精査している rbmeyers (github チーム) が、簡単な CSS 修正をどこにでも投稿しています:

touch-action: none;

2. React は ES6+ を使用します。構文に関しては、onClick={ this.handleClick.bind(this) } または onClick={ (e) => を使用します。 ={ ::this.handleClick in props. } はパフォーマンスの問題を引き起こすため、eslint は構文チェック中にこれらの書き込みメソッドを防止するようになりました。問題の理由は、レンダリング時に毎回、handleClick 関数がこれらの書き込みメソッドに遭遇するためです。これをバインドして新しい関数を作成するために再利用され、パフォーマンスに影響します。

次の記述ルールを使用すると、毎回作成されるわけではありません:

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

3. webpack-dev-server + HostAdmin により、無効なホストヘッダーが生成されます

webpack によって開始されたサーバーにアクセスすると、機能します。 localhost と 127.0.0.1 を直接使用してアクセスする場合は問題ありませんが、ホストが変更され、hostname を使用してアクセスされると、無効なホスト ヘッダーが表示されます。

webpack-dev-server の新しいバージョンではいくつかの点が変更され、デフォルトでホスト名をチェックすることが判明しました。ホスト名が構成されていない場合は、アクセスできません。この構成は、いくつかの安全係数に基づいている必要があります。以前に一度node_modulesを削除し、再インストール後にこの問題が発生しました。

メソッドを修正

disableHostCheck:true

または

public: 'local.kingsum.biz'

ドキュメントを見ると、webpack-dev-server: v1.16.4がマージされているはずなので、アップグレード後このバージョンでは、この問題に注意してください

4. Select2 初期化値

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

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

5. 入力 type="number" を削除する方法ブラウザには上下の矢印が付属していますか?

りー

以上が開発中に発生した問題のまとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。