DOM操作要點

2021-07-31 01:54:42 字數 292 閱讀 7356

1、

能放到dom操作之外的操作就放到外面,dom操作要盡量少.

2、大範圍操作先把容器隱藏,在其中操作完成後,再顯示

這是乙個我剛接觸前端時遇到的乙個優化辦法,當時很不理解為什麼display=none之後操作就算是效能優化了.但是資料證明如此渲染確實快了很多,這個的原理要涉及到瀏覽器載入和渲染的原理,簡單說就是隱藏的元素其中不會產生reflow.這個例子我就不寫了,很簡單.

3、樣式操作不要注意修改屬性,直接替換class

4、用變數儲存dom物件而不是多次獲取,同時減少操作dom屬性的次數

DOM要點總結

2015 10 24上午 1.文件物件模型是樹形結構,節點型別分為三類 元素節點 文字節點和屬性節點。2.網頁的html的元素中,屬性id的值是唯一的。3.元素節點有innerhtml屬性,它非w3c規範,但各種瀏覽器都支援,該屬性是元素 標籤 中的文字 文字中可以有標籤 可以賦值。4.獲取節點的方...

檔案操作要點

f,變數f obj,f handler,f h,fh,檔案控制代碼。open python的內建函式 內部呼叫的是windows的系統命令 1,開啟檔案,產生檔案控制代碼。2,對檔案控制代碼進行操作。3,關閉檔案控制代碼。讀 r 對於r模式 mode可以預設不寫 1,全部讀取 f open 檔案操作...

Js操作 DOM操作

一 節點屬性 dom 是樹型結構,相應的,可以通過一些節點屬性來遍歷節點樹 方法說明 nodename 節點名稱,相當於tagname.屬性節點返回屬性名,文字節點返回 text。nodename,是唯讀的。nodetype 節點的型別,返回值 1,元素節點 2,屬性節點 3,文字節點。nodety...