js裡面可以提公升效能的有哪些方法

2022-06-23 10:03:07 字數 824 閱讀 4586

1.懶載入

常見的就是的懶載入效果,每次瀏覽網頁的時候,不是一次性將網頁中的都載入過來,而是將可見範圍內的載入過來,等到使用者瀏覽下面網頁的時候,再開始載入沒有載入出來的

2. 事件委託

事件委託就是給當前要繫結事件的父元素繫結要繫結的事件,通過事件源來判定當前點選的是哪個元素。這樣做是為了減少事件的繫結次數,提高效能,而且還可以實現對未來元素的繫結。

3.函式的節流與放流

函式的防抖就是通過定時器,來稀釋事件觸發的頻率,只有停止對當前事件的觸發,才會執行當前事件要執行的函式。

函式的節流就是盡可能的較少事件觸發的頻率,通過延時器和開關門來實現。

4. 惰性函式

惰性函式是減少函式的邏輯判斷次數,只有在第一次執行的時候,才會進行判斷,之後都不進行判斷,而是直接進入函式,執行即可。

5.文件碎片

在頁面中建立多個元素,每次進行建立於新增,多次進行dom操作,消耗網頁效能,可以在每次建立完元素之後,放入文件碎片,最後一次性放入頁面中。

6.回流與重繪

當渲染樹中的一部分或者全部因為元素的尺寸、布局、隱藏等改變而需要重新構建的時候,這時候就會發生回流。

每個頁面都至少發生一次回流,也就是頁面第一次載入的時候。

在回流的時候,瀏覽器會使渲染樹中受到影響的元素部分失效,並重新繪製這個部分的渲染樹,完成回流以後,瀏覽器會重新繪製受到影響的部分元素到螢幕中,這個過程就是重繪

7. 迴圈遍歷arr dom節點集合,先把.length快取在乙個變數中,為了減少頁面中計算的次數

8.在進行滑鼠按下,移動抬起實現拖拽的時候,拖拽三劍客在使用dom二級事件觸發的時候,清除滑鼠移動事件的時候,也會使用到變數的快取。

有哪些可以提公升程式設計效率的技巧和方法

傳說程式設計師打字速度要快,很多人仍然會以這樣乙個標準來片面判斷技術水平,拜託,你是乙個程式設計師,不是乙個打字員,打字快可以代表一些,但也並不代表什麼。網際網路行業還在糾結打字速度的,不是外行,就是乙個沒有獨立思考的人.所謂提公升,就是在現有的基礎上進行優化,讓結果比當前更好.提公升程式設計效率,...

Android 5 0有哪些效能改變與提公升

5月19日電 一年的等待,終於要有了結果,跳票 技能熟練度堪比暴雪的谷歌,終於要發布android 5.0了 英國知名科技 trusted reviews以確定的口吻告訴廣大安卓使用者 今年6月舉行的谷歌i o大會上,你們將看到傳說中的android 5.0 據外媒報道,android 5.0無論是...

提公升SEO效果的方向有哪些?

seo又叫搜尋引擎優化,是一種提高網頁在搜尋引擎排名的技術,在搜尋結果裡,第一頁往往會佔據至少50 的流量,而排名前三幾乎可以佔據90 的流量。seo技術通過 自身的不斷優化和外鏈建設,使得自身對於搜尋引擎的更加友好,越來越符合搜尋引擎的排名規則和喜好,從而得到更好的排名和流量。優化 2 環境建設,...