JavaScript 手ぶれ補正のケーススタディ
原理手ぶれ補正の原理は、イベントをトリガーすることはできますが、イベントがトリガーされてから n 秒後に実行する必要があるというものです。イベントがトリガーされてから n 秒以内にこのイベントを再度トリガーすると、新しいイベントの時間を基準にして、n 秒後に実行します。つまり、イベントがトリガーされ、n 秒以内にそれ以上イベントがトリガーされなくなるまで実行されません。 場合
<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<ヘッド>
<メタ文字セット="utf-8">
<meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1">
<title>デバウンス</title>
<スタイル>
* {
マージン: 0;
パディング: 0;
}
＃容器 {
幅: 100%;
高さ: 200px;
行の高さ: 200px;
テキスト配置: 中央;
色: #fff;
背景色: #444;
フォントサイズ: 30px;
}
</スタイル>
</head>
<本文>
<div id="コンテナ"></div>
<script src="debounce.js"></script>
</本文>
</html>
関数 getUserAction(e) {
console.log(これを);
コンソールログ(e);
コンテナ内のHTML要素の数。
};
関数デバウンス(func, wait) {
var タイムアウト;
関数を返す（）{
タイムアウトをクリアします(タイムアウト);
タイムアウト = setTimeout(() => {
func.apply(this, arguments); // this とイベントオブジェクトイベントを解決します
}、 待って）;
}
}
コンテナの onmousemove をデバウンスします (getUserAction、1000)。 JavaScript 手ぶれ補正のケーススタディに関するこの記事はこれで終わりです。JavaScript 手ぶれ補正に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の過去の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
<<: NginxにおけるRewriteのリダイレクト設定と実践の詳しい解説
>>: MySQLは間違ったパスワードを入力する試行回数を制御します
推薦する
HTML Selectは、デフォルトの選択を設定するためにselected属性を使用します。
オプションに属性 selected = "selected" を追加すると、それ...
nginxで静的リソースを公開する方法
ステップ準備した静的リソースファイルを指定されたフォルダに配置しますnginx 設定ファイルを変更す...
MySQL REVOKE でユーザー権限を削除する
MySQL では、REVOKE ステートメントを使用してユーザーの特定の権限を削除できます (ユーザ...
Explainキーワードに基づいてMySQLインデックス機能を最適化する方法
EXPLAIN は、MySQL がインデックスを使用して選択ステートメントを処理し、テーブルを結合す...
HTML メタタグの小さなコレクション
<Head>……</head> は <HTML> のファイル ヘ...
Linux のバックグラウンドで & と nohup を使用する方法
ターミナルやコンソールで作業しているときは、メールを読むなど、もっと重要な作業があるかもしれないので...
HTMLで境界線を設定する3つの方法の詳細な説明
HTML で境界線を設定する 3 つの方法 境界線の幅: 1px 2px 2px; 境界線のスタイル...
Linux システムに Spring Boot アプリケーションをインストールするための詳細なチュートリアル
Unix/Linux サービスsystemd サービス操作プロセス1. JDKがインストールされたC...
Vue3 プロジェクトで WeChat 認証ログインをエレガントに実装する方法
目次序文準備する実装のアイデアコードについて要約する序文WeChat 認証ログインは、WeChat ...
Vueトップタグ閲覧履歴の実装
目次ナンセンス実装された機能文章要点ナンセンスデモプレビュー実装された機能デフォルトでホームページが...
MySQL 5.7.21 のインストールとパスワード設定のチュートリアル
MySQL5.7.21のインストールとパスワード設定のチュートリアルは次のとおりです。公式リファレン...
MySQL での挿入効率のいくつかの例の比較
序文最近、仕事の都合で、約 1000w の大量のデータを MySQL に挿入する必要があり、時間がか...
WindowsにOpenSSHをインストールし、SSHキーを生成してLinuxサーバーにログインします。
SSH の正式名称は Secure SHell です。 SSH を使用すると、送信されるすべてのデ...
MySql8.023 インストール プロセスの詳細なグラフィック説明 (初回インストール)
まず、MySQL公式サイトからインストールパッケージをダウンロードします。MySQLはオープンソース...
HTML ページ共通スタイル (推奨)
以下のように表示されます。 XML/HTML コードコンテンツをクリップボードにコピーbody、di...