提高你的DHTML效能

2021-06-16 01:54:03 字數 2423 閱讀 8811

[中文譯文]

要快。看

的原始碼是如何建立table的。

1.盡量使用同乙個指令碼函式來改變html內容。如果有多個事件觸發,盡量只改變同乙個地方。

2.盡量把內容集中起來一次更新。如果不是特別需要有html的內容,盡量使用innertext代替innerhtml

slow:

divupdate.innerhtml = "";

for ( var i=0; i<100; i++ )

fast:

var str="";

for ( var i=0; i<100; i++ )

divupdate.innerhtml = str;

3.更新文字內容時盡量使用innertext而不是dom的createtextnode

slow:

fast:

4.盡量使用createelement 和 insertadjacentelement 方法,而不是 insertadjacenthtml

slow:

for (var i=0; i<100; i++)

fast:

var node;

for (var i=0; i<100; i++)

5.在數目巨大的情況下,盡量使用innerhtml 來新增項

slow:

var opt;

divupdate.innerhtml = "";

for (var i=0; i<1000; i++)

fast:

var str="";

for (var i=0; i<1000; i++)

str += "";

divupdate.innerhtml = str;

faster:

var arr = new array(1000);

for (var i=0; i<1000; i++)

divupdate.innerhtml = "" + arr.join() + "";

6.使用dom來建立**比tom(insertrow,insertcell)好的多

slow:

var row;

var cell;

for (var i=0; i<100; i++)

}fast:

7.通用的操作,盡量放在乙個單獨的外部指令碼檔案裡

8.約束你的動態屬性(指setexpression的用法)

9.使用資料繫結來顯示你的資料,你可以使用排序、過濾等操作來提供不同檢視,但只需要訪問一次伺服器(減少頻繁訪問伺服器的問題)

10.不要把自定義的屬性加到document物件上,這會使得每次讀取該屬性時進行額外的重算。推薦加在window物件上

slow:

for (var i=0; i<1000; i++)

fast:

for (var i=0; i<1000; i++)

11.盡量直接使用style物件來改變html物件外觀,而不是classname或者跟clas關聯的stylesheet物件

12.在訪問textrange物件的父物件(指parentelement方法的返回值)時,先collapse合併range,尤其是複雜的range

13.先插入物件,然後新增它的內容

slow

(1).create

(2).create

(3)create textnode

(4)insert textnode into

如前所述,這裡用innertext會更快

(5)insert into

(6)insert into tbody

fast

(1)create

(2)create

(3)create textnode

如前所述,這裡用innertext會更快

(4)insert into tbody

(5)insert into

(6)insert textnode into

如前所述,這裡用innertext會更快

14.用posleft,postop,poswidth,posheight來代替left,top等,減少字串->數值的轉換

15.盡可能少的使用定時器(指settimeout,setinterval這些),而在同乙個定時器裡對所有要變化的物件進行操作

提高 DHTML 頁面效能

聯盟電腦摘要 本文說明了某些dhtml功能對效能的重大影響,並提供了一些提高dhtml頁面效能的技巧。目錄 簡介 成批處理dhtml更改 使用innertext 使用dom新增單個元素 擴充套件select元素中的選項 用dom更新表 編寫一次,使用多次 請勿過多使用動態屬性 資料繫結很有效 不要在...

提高你的DHTML效能 (轉貼自 藍色理想 )

1.盡量使用同乙個指令碼函式來改變html內容。如果有多個事件觸發,盡量只改變同乙個地方。2.盡量把內容集中起來一次更新。如果不是特別需要有html的內容,盡量使用innertext代替innerhtml slow divupdate.innerhtml for var i 0 i 100 i fa...

提高SQL Server效能

如何提高sql server的效能 提供sql server效能總的來說有兩種方式 1 擴容,提高伺服器效能,顯著提高cpu 記憶體,解決磁碟i o瓶頸。2 優化應用程式 引起資料效能問題主要原因 1.不了解系統效能和可擴充套件行 2.一次檢索太多資料 3.錯誤的使用資料庫事務 4.錯誤的使用資料庫...