三個提公升網頁效能技巧

2021-09-08 04:49:19 字數 665 閱讀 9566

1、display屬性設定

先將元素設為display:none需要1次重排和重繪),然後對這個節點進行100次操作,最後再恢復顯示(需要1次重排和重繪)。這樣一來,你就用兩次重新渲染,取代了可能高達100次的重新渲染。

只在必要的時候,才將元素的display屬性為可見,因為不可見的元素不影響重排和重繪。另外,visibility : hidden的元素只對重繪有影響,不影響重排。

2、position:absolute/fixed

position屬性為absolute或fixed的元素,重排的開銷會比較小,因為不用考慮它對其他元素的影響。

3、不要一條條地改變樣式,而要通過改變class一次性地改變樣式

示例**:

//

badvar left = 10;

var top = 10;

el.style.left = left + "px";

el.style.top = top + "px";

//good

el.classname += " theclassname";

css 的三個技巧

1 等比例縮小 imgbox imgbox img2 多行文字省略 單行 text 多行 text關於display webkit box 的講解 3 強制性換行 一般元素預設是white space normal 自動換行 但是如果是一些沒有空格的數字,字元,字母的話white space nor...

提公升研發質量的三個辦法

建議 小型團隊 中型團隊 解決問題 加強團隊培訓 適用適用 個體水平差,無經驗。提公升團隊成員的技術水平,有助於他們寫成更高質量的 加強原始碼管理 適用適用 減少隨意簽入的源 導致日後的大的質量事故 2.減少未經過交叉審查過的 引入嚴重的產品缺陷 3.減少因為版本管理混亂導致的問題 重複開發,功能不...

Adobe AIR效能提公升技巧

當adobe air發布之後,我們傾聽到的一些來自開發者的反饋中,有乙個是關於在mac作業系統中air的cpu佔用率偏高 乙個非常簡單的或空的應用 今天,flash開發者grant skinner寫了一篇日誌表達了他對這個問題的疑慮。首先,我要感謝grant不僅指出了這個問題,而且引導大家將這個問題...