js 效能優化總結

2021-07-16 13:25:46 字數 1104 閱讀 4527

1、盡量不要使用

eval("alert('hello world');");

var sayhi = new function("alert('hello world');");

settimeout("alert('hello world');", 100);

全域性變數 

for( x in list){}

3、減少dom訪問。

//重複訪問dom低效

for(var count = 0; count < 15000; count++) 

//不重複訪問dom高效

for(var count = 0; count < 15000; count++) 

document.getelementbyid('here').innerhtml+=content; 

2、將多次呼叫的物件、方法、屬性、索引存入區域性變數中。

var objtemp=$('.obj');//多次訪問一定要存入區域性變數中。

var objtemp=obj.fun();

var objtemp=obj.length;

var objtemp=obj['max'];

var objtemp=obj.***;

3.大量修改標籤樣式盡量用css class控制,盡量少用js。

4.字串判斷使用正規表示式

5.數字轉換成字元:("" +) > string() > .tostring() > new string()

6.陣列拼接字串用join(),不要用+=。

7.浮點數轉換成整型:使用math.floor()或者math.round()。而不是使用parseint(),該方法用於將字串轉換成數字。

8.動畫中使用絕對定位,使用拖放**

9.使用事件委託來減少事件處理器的數量

10.switch 替代 if else

11.var a,b,c; 替代 var a;var b; var c;

12.***[i++]; 替代  ***[i];i++;

13.i++; 替代  i=i+1;

14.i+=5; 替代 i=i+5;

如果你看到我的文章有錯誤或缺少的地方,還請多多指點我!

前端js效能優化總結

前端js效能優化總結 從 書寫效率和巨集觀的部署等兩個方向進行總結。1 效率 變數使用優化 宣告物件和陣列使用字面量,如var newarray var newobject js尋找變數使用變數作用域鏈,如果常常使用的在外層作用域的可以使用臨時變數代替。如for 寫成var tbody docume...

Js效能優化

1.使用區域性變數來轉接全域性變數或深層屬性,縮小物件訪問層級 2.慎用with,因為with加深了內部的作用域鏈 3.eval無法提前被解析和優化,即無法被預編譯,所以要慎用。4.對字串細化操作時要轉化成字串物件new sting,省得內部每一次都要進行 轉換,影響效率。正規表示式也是如此。5.與...

JS效能優化

下面是一些關於客戶端js效能的一些優化的小技巧 1.頂 關於js的迴圈,迴圈是一種常用的流程控制。js提供了三種迴圈 for while for in 在這三種迴圈中 for in 的效率最差,因為它需要查詢hash鍵,因此應盡量少用for in 迴圈,for while 迴圈的效能基本持平。當然,...