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 迴圈的效能基本持平。當然,...