js 關於效能優化的一些學習總結

2021-09-07 07:56:01 字數 820 閱讀 5603

效能優化的方法有:

1、減少http請求:合併css/js,使用css sprite等

2、壓縮css/js/

4、減少dom操作,dom操作很消耗效能,另外注意htmlcollection和nodelist。這兩個物件是動態的,每次訪問都會進行一次查詢。在迭代中避免重複訪問。

歷史上的dom集合介面。主要不同在於htmlcollection是元素集合而nodelist是節點集合(即可以包含元素,也可以包含文字節點)。所以 node.childnodes 返回 nodelist,而 node.children 和 node.getelementsby*** 返回 htmlcollection 。(來自知乎

賀師俊)

需要時可以將nodelist物件轉換為陣列。

function

converttoarray(nodes)

catch

(ex)

}return

array;

}

queryselectorall()方法返回的是乙個nodelist例項,類似於一組元素的快照,非動態。

5、關於重繪(repaint)和重排(reflow)。

重繪並不一定導致重排,比如修改某個元素的顏色,只會導致重繪;而重排之後,瀏覽器需要重新繪製受重排影響的部分。導致重排的原因有:

6、事件委託

利用事件冒泡,指定乙個事件處理程式,管理某乙個型別的所有事件。在dom樹中盡量搞的層次上新增乙個事件處理程式,這樣可以只取得乙個dom元素,新增乙個事件處理程式

關於效能測試的一些關注指標

ps 本文提出的數值不做為判斷標準,數值的大小是根據介面的業務而定的,不同的場景會有的不同的標準.首先應該關注介面的rps 跟平均耗時,這邊壓測工具以locust做為資料提供工具 效能工具很多以適合自己為標準 在使用者上來後關注rps是否滿足1000以上,然後關注介面耗時是否在100ms之內,複雜介...

關於效能優化自己總結的幾點內容

1.大量字串相加時使用stringbuffer類,而不要使用string。2.迴圈中要要先計算迴圈次數,然後再迴圈,避免每次迴圈都計算次數 如陣列長度,list大小 等 3.開啟資源後,用完要及時關閉,如conn,resultset,statement,流或網路資源等。4.使用資料庫連線池技術,管理...

一些關於SQL優化的總結

由於這個專案一直都是mysql所以寫點mysql的 1.資料儲存引擎的選擇,myisam 和 innodb 的選擇 innodb 一般都會選擇這個,但是如果真的涉及到一些不涉及增刪的表,可以考慮下myisam 該引擎不支援事務,不支援外來鍵,優點就是訪問速度快,如果都是查詢的話,這個儲存引擎可能會使...