1. 手ぶれ補正機能2 つの Ajax 通信間の間隔は 2500 ミリ秒未満であってはならないと仮定すると、上記のコードは次のように書き直すことができます。 $('textarea').on('keydown', debounce(ajaxAction, 2500)); 関数デバウンス(fn, delay){ var timer = null; // タイマーを宣言する return function() { var コンテキスト = this; var args = 引数; タイマーをクリアします。 タイマー = setTimeout(関数() { fn.apply(コンテキスト、引数); }、 遅れ); }; } 上記のコードでは、ユーザーが 2500 ミリ秒以内にキーを再度押すと、以前のタイマーがキャンセルされ、新しいタイマーが作成されます。これにより、コールバック関数の呼び出し間隔が少なくとも 2500 ミリ秒になることが保証されます。 2. Vueでdebouceの手ぶれ補正機能を使用する最後に呼び出されてから wait ミリ秒の遅延後に func を呼び出す
Lodash debouce パラメータ:
<テンプレート> <el-入力 v-model="値" サイズ="ミニ" placeholder="入力してください。" クリア可能 @keydown.enter="ハンドル検索" </el-input> ... </テンプレート> <スクリプト> 'lodash' から _ をインポート エクスポートデフォルト{ データ() { 戻り値: '' } }, 作成する() { this.handleSearch = _.debounce(() => { // リストを取得します this.getList(); }, 300); }, 破棄する前に() { //この関数のアンチシェイク呼び出しをキャンセルします this.handleSearch.cancel(); }, } </スクリプト> Vue での debouce 手ぶれ補正機能の使い方についてはこれで終了です。Vue での debouce 手ぶれ補正機能の使い方についてさらに詳しく知りたい方は、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
>>: MySQLのジョイントクエリについて詳しく説明します
レンダリング ネットで関連情報を調べたところ、現在のダイナミックグラデーションボーダーの実装方法のほ...
JConsoleとはJConsole は Java 5 で導入されました。 JConsole は、コ...
序文最近、私は小さな個人ブログ プロジェクトを書くのに忙しくしています。 「グローバル検索」機能を実...
目次Dockerコンテナのデータ量データボリュームの使用方法1: コマンド-vを使用して直接マウント...
1. ワニスの概要1. ワニスの紹介Varnish は、新しいソフトウェア アーキテクチャを使用し、...
システムの crontab を使用して定期的にバックアップ ファイルを実行し、バックアップ結果を日付...
コードをコピーコードは次のとおりです。 <!DOCTYPE HTML PUBLIC "...
この記事では、VUEの具体的なコードを共有して、下部吸引ボタンを実装する例を紹介します。具体的な内容...
最初のステップは、対応するデータベースモジュール(sql)をプロジェクトファイル( .pro )に追...
<br />オリジナル: http://www.alistapart.com/artic...
他の人から「つまらない」とか「時代遅れ」というフィードバックを受けて、それを変更しようとしたのに、更...
ウェブページでEnterキーを押すと、フォームは自動的に送信され、他のページに移動します。クエリフォ...
type="radio" や type="checkbox"...
1. マックヴラン前回のブログ投稿で紹介した Docker コンテナのホスト間通信を実現するための ...
数日前に CentOS8 がリリースされました。8 の最初のバージョンですが、今日は VM12 に ...