パフォーマンスを最適化するために JS タイムシェアリング関数を使用する方法

今回は、パフォーマンス最適化のためのJSタイムシェアリング関数の使い方と、パフォーマンス最適化のためのJSタイムシェアリング関数を使用するための注意事項を紹介します。実際の事例を見てみましょう。

タイムシェアリング機能と機能スロットルの問題は異なります。前述したように、機能スロットルの対象となるイベントはユーザーによって積極的に呼び出されません。

関数スロットルの原理は、現在の関数の実行を遅らせることです。遅延が完了していない場合、関数に対する次のリクエストは無視されます。これは、多くの関数リクエストが無視されることを意味します。

一部の開発シナリオでは、一度に数千のノードをドキュメントに挿入することがあります。短期間に大量の DOM ノードをブラウザに追加すると、ブラウザに負荷がかかり、結果として遅延が発生したり、遅延が発生したりすることがあります。ブラウザの不具合に耐えられない場合、解決策の 1 つはタイムシェアリング機能 (timeChunk) を使用することです。

timeChunk タイムシェアリング機能を使用すると、ノードの作成をバッチで行うことができます。たとえば、1 秒間に 1000 個のノードが作成される場合、200ms ごとに 10 個のノードが作成されます。特定の timeChunk 関数は次のようにカプセル化されています:

function timeChunk( arr, fn, count){//arr 数组 fn操作函数 count每次操作数量
  var obj,
    t;
  var start = function(){
    var len = Math.min(count||1,arr.length);
    for(var i=0; i <p style="text-align: left;"><strong> アプリケーション: </strong></p><p style="text-align: left;"> ドキュメントに 1000 個のノードを追加したい場合、timeChunk タイムシェアリング関数を使用して、200 ミリ秒ごとに 20 個のノードを継続的に追加できます。 </p><pre class="brush:php;toolbar:false">var arr = [];
for(var i = 1; i <p>この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。 </p><p>推奨読書: </p><p><a href="http://www.php.cn/js-tutorial-398506.html" target="_blank">Vue.js を使用して構成可能なログイン フォームを作成する</a><br></p><p><a href="http://www.php.cn/js-tutorial-398505.html" target="_blank"> js を使用して配列パラメーターをバックグラウンド コントローラーに渡す方法</a><br></p>

以上がパフォーマンスを最適化するために JS タイムシェアリング関数を使用する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。