JS性能优化的那点事

1:减少查找次数,把需要查找的内容先提取出来,全部添加计算完成后,再统一查找一次即可,如下面例子:

<script>
        window.onload = function () {
            var str = '';
            for(var i=0; i<10110; i++){
                //性能优化前
                //document.body.innerHTML += '<input type="button" value="按钮">';
                //优化原理:优化后,系统不需要每次都去计算长度,不需要每次都进body里面找到内容,然后添加过来
                //优化后
                str += '<input type="button" value="按钮">';
            }
            document.body.innerHTML = str;
        }
    </script>

未完待续。。。。。

posted @ 2015-12-05 20:23  刘莫白  阅读(227)  评论(0编辑  收藏  举报