JS頻繁操作最適化

1024 ワード


タイミング関数を利用してJS実行を最適化し、ページアクセス効率を向上させる.


    
    <script>
        //    
        window.addEventListener('resize', function() {
            console.log('change');
            //      ,         
        })
    </script>
    <script>
        //               
        var avoidFrequentExec = function(func, wait) {
            var timeId = null;
            return function() {
                clearTimeout(timeId);
                timeId = setTimeout(function() {
                    "function" == typeof func && func()
                }, wait || 1000);
            };
        };
        window.addEventListener('resize', avoidFrequentExec(function() {
            console.log('change')
            //        ,       
        }, 3000))
    </script>



</code></pre> 
  <p> </p> 
 </div> 
</div>
                            </div>
                        </div>