前端开发JS优化技巧

    JS代码的执行效率往往直接影响了页面的性能，有的时候，实现同样的功能，不同的JS代码往往在效率上相差很多，有的时候仅仅是由于我们的书写习惯导致的，当然在高级点的浏览器中，它们大多都已经帮我们优化了，但是在中国，万恶的IE6仍然大量的存在，我们不得不去考虑它。对于JS代码的优化，实际上有很多的情况，有些影响是比较小的，而有些是比较严重的，本文中，我把几个我认为影响比较严重的情况列出来，供大家参考。
　　1、字符串的拼接

　　字符串的拼接在我们开发中会经常遇到，所以我把其放在首位，我们往往习惯的直接用+=的方式来拼接字符串，其实这种拼接的方式效率非常的低，我们可以用一种巧妙的方法来实现字符串的拼接，那就是利用数组的join方法。

<div class="one" id="one"></div>

<input type="button" value="效率低" onclick="func1()" />

<input type="button" value="效率高" onclick="func2()" />

//效率低的

function func1(){

var start = new Date().getTime();

var template = "";

for(var i = 0; i < 10000; i++){

template += "<input type='button' value='a'>";

}

var end = new Date().getTime();

document.getElementById("one").innerHTML = template;

alert("用时:" + (end - start) + "毫秒");

}

//效率高的

function func2(){

var start = new Date().getTime();

var array = [];

for(var i = 0; i < 10000; i++){

array[i] = "<input type='button' value='a'>";

}

var end = new Date().getTime();

document.getElementById("one").innerHTML = array.join("");

alert("用时:" + (end - start) + "毫秒");

}