JS性能方面--札记

不要用递归,很消耗性能!

 1 // 递归demo by coldCoffe
 2 var jc = function()
 3 {
 4     var a = prompt("请输入0");
 5     if(a == 0)
 6     {
 7         alert("输入正确!")
 8         return false;
 9     }
10     else if(!a)
11     {
12         return false;
13     }
14     else
15     {
16         alert("请重新输入!")
17         jc();
18     }
19 }
20 jc();

 将需要多次访问的对象存入变量,避免反复访问

var h1 = d.querySelectorAll('.list h1'), 
    i = 0, 
     len = h1.length;  // storage length of oprate Array,  Avoid accessing repeat;

for(; i < len;i++){
  h1[i].onclick = function (){
    this.parentNode.classList.toggle('show');
  }
}            

document.createDocumentFragment   // 尼玛只能使用一次,使用完了就没了.. 

创建dom建议使用字符串拼接,因为这样速度很快很效率

下图是用字符串拼接生成的节点,效率高不reflow各种happy!   ---- thx for 鸡鸡猫

原文地址:https://www.cnblogs.com/juhualang/p/3753130.html