世界の流行 - 遅延ロードの最適化

原因：クエリの流行は、それぞれの国のために私の小さな使い捨てローディング流行サーバーの線グラフにプロジェクトを展開が遅すぎる（もちろん、これは必要ありませんが、トラフィックの廃棄物）は、その後、インターネットにいくつかの遅延ロードメソッドを検索します。

ソリューション：最後に、ウィンドウのスライドは、負荷を達成する場合の設定は、イベントに窓のリスニングをスクロールします。

1個の VAR時計、 
 2  VARのNUM = 0; //カウンタ
 。3      $（ウィンドウ）.on（ 'スクロール'、関数（）{
 4。         IF（クロック）{
 5              てclearTimeout（クロック）; //過剰スライダ回避する
 6          }
 7          クロック= setTimeoutメソッド（関数（）{ // 0.2トリガ遅延
 8。             NUM =スタート（NUM）;
 9          }、200である）
 10         
11。      }）

機能を起動します。

  関数の開始（I）{//始まる
        （I> =サイズ）を返す場合のI; // アウト範囲のかどうかを決定する
        IF（isShow（））{       
            loadCharts（I） 
            。復帰I + 1; 
        } 
        Iを返します; 
     
    }

次のように関数の最後にスライドがあるかどうかを決定します。

     機能isShowは（）{//はかどうかを決定する
　　　　 VAR scrollTopスプライト= $（ウィンドウ）.scrollTop //;（） トップバーにウィンドウの相対スクロールオフセット
        VAR scrollHeight = $（文書）.heightを （）; // ドキュメント高さ、すなわち、HTMLページ全体の
        VAR windowHeight = $（ウィンドウ）.height （）; // ブラウザウィンドウの高さは
　　　　　ここに/ 2 *プラスブラウザウィンドウは、ドキュメントの高さと量をオフセットとは限らないので、百パーセントに等しいです、
　　　　　可能な書き込みが直接この関数に等しい場合に達成することができない、数十分の一の間の差であってもよい
　　　　　* / 
　　　　　真:?偽に戻り（scrollTopスプライトwindowHeight + 2 +> = scrollHeight）; 
    }

結果を実現：

初期インタフェース：

ダウンフリップ：

プロジェクトリンク：

リンク：https://pan.baidu.com/s/1CDjj2oIFOhc0NHoeeq10EQ
抽出コード：1lce

世界の流行 - 遅延ロードの最適化

おすすめ