JavaScriptはなぜ我々のWebアプリケーションにとって重要か
3748 ワード
既存のコードを最適化するとき、我々が見ることができる最大の誤りの1つは、信用機能の欠如です.我々が我々のウェブアプリケーションのためにJavaScriptを使用するか、反応、Vueと角度のようなフレームワークさえ使うとき、与えられた仕事を確実にするのに不当な機能は不可欠です.
たとえば、コンピュータのキーボード上のキーを押すと、1つの連絡先をお使いのコンピュータに記録することを期待します.実際には、しかし、最初の接触は、わずかなバウンスやコンタクトを軽くし、バウンスとして別の連絡先は、まだ別のバウンス戻るなどがあります.通常の解決策は、1つのデジタル信号だけが与えられた時間の範囲内で登録されることができることを確実とする討論装置またはソフトウェアである.
JavaScriptの場合、その考えは前のものと似ています、基本的に、我々は機能を引き起こすことを望みます、しかし、使用ケースにつき一度だけ.デフラグは、再び実行する前に特定の時間を待つ機能を強制します.この関数は、関数の呼び出し回数を制限するために使用されます.議論は、我々がパラメタとして通過する関数に新しい振舞いを加える高階関数です.
関数コールバック:終了時刻が終了した後に実行する関数
wait :関数を実行する前に、最後に受信したアクションの後に待機する機能を要求する時間. また、いくつかの有名なNPMライブラリからいくつかの議論の実装があります Lodash Underscore
ディベートの使用を必要とする一般的な例は、処理される検索フィールドの場合であり、すべての文字がアプリケーションの状態を更新し、いくつかの不必要な呼び出しをいくつかの場合に行うことになります.あなたのコードがすべての出来事を処理するのを防いで、いくつかのケースでは、サーバに送られるAPI呼び出しの数を劇的に減らします.
いくつかの他の一般的な使用例は以下の通りです: イベントリスナー リアルタイムアプリケーション
このポストの間、我々はJavaScript議論に関する重要な情報を見ました、そして、我々が我々のアプリケーションの開発の間、それを心に留めておく必要がある理由.
私はコメント勧告や他の何か他のいくつかの他の一般的な例がある場合は、私は、私は私がその感謝に基づいてポストを更新することをお知らせしてください必要があります追加することができます教えてください!👍
whatis.com
何が討論ですか?
Bouncing is the tendency of any two metal contacts in an electronic device to generate multiple signals as the contacts close or open; debouncing is any kind of hardware device or software that ensures that only a single signal will be acted upon for a single opening or closing of a contact.
たとえば、コンピュータのキーボード上のキーを押すと、1つの連絡先をお使いのコンピュータに記録することを期待します.実際には、しかし、最初の接触は、わずかなバウンスやコンタクトを軽くし、バウンスとして別の連絡先は、まだ別のバウンス戻るなどがあります.通常の解決策は、1つのデジタル信号だけが与えられた時間の範囲内で登録されることができることを確実とする討論装置またはソフトウェアである.
JavaScriptの議論は何ですか?
JavaScriptの場合、その考えは前のものと似ています、基本的に、我々は機能を引き起こすことを望みます、しかし、使用ケースにつき一度だけ.デフラグは、再び実行する前に特定の時間を待つ機能を強制します.この関数は、関数の呼び出し回数を制限するために使用されます.議論は、我々がパラメタとして通過する関数に新しい振舞いを加える高階関数です.
コード例
const debounce = (funcCallBack, wait = 0) => {
let timeoutId;
return function(..args) {
const later = () => {
clearTimeout(timeoutId);
funcCallBack(...args);
};
clearTimeout(timeoutId);
timeoutId = setTimeout(later, wait);
};
};
関数コールバック:終了時刻が終了した後に実行する関数
wait :関数を実行する前に、最後に受信したアクションの後に待機する機能を要求する時間.
なぜディベートを使用する必要がありますか?
ディベートの使用を必要とする一般的な例は、処理される検索フィールドの場合であり、すべての文字がアプリケーションの状態を更新し、いくつかの不必要な呼び出しをいくつかの場合に行うことになります.あなたのコードがすべての出来事を処理するのを防いで、いくつかのケースでは、サーバに送られるAPI呼び出しの数を劇的に減らします.
いくつかの他の一般的な使用例は以下の通りです:
結論
このポストの間、我々はJavaScript議論に関する重要な情報を見ました、そして、我々が我々のアプリケーションの開発の間、それを心に留めておく必要がある理由.
私はコメント勧告や他の何か他のいくつかの他の一般的な例がある場合は、私は、私は私がその感謝に基づいてポストを更新することをお知らせしてください必要があります追加することができます教えてください!👍
参考文献
Reference
この問題について(JavaScriptはなぜ我々のWebアプリケーションにとって重要か), 我々は、より多くの情報をここで見つけました https://dev.to/brayanarrieta/why-is-javascript-debounce-important-for-our-web-applications-359fテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol