名詞解釋 1 懶載入

2022-02-21 11:33:07 字數 1125 閱讀 3261

懶載入:

2023年12月11日13:44:09

解釋:在web應用程式中,系統的瓶頸常在於系統的響應速度。如果系統響應速度過慢,使用者就會出現埋怨情緒,系統的價值也因此會大打折扣。

因此,提高系統響應速度,是非常重要的。

web應用程式做的最多就是和後台資料庫互動,而查詢資料庫是種非常耗時的過程。當資料庫裡記錄過多時,查詢優化更顯得尤為重要。

為了解決這種問題,有人提出了快取的概念。

快取就是將使用者頻繁使用的資料放在記憶體中以便快速訪問。在使用者執行一次查詢操作後,查詢的記錄會放在快取中。當使用者再次查詢時,系統會首先從快取中讀取,如果快取中沒有,再查詢資料庫。

快取技術在一定程度上提公升了系統效能,但是當資料量過大時,快取就不太合適了。

因為記憶體容量有限,把過多的資料放在記憶體中,會影響電腦效能。而另一種技術,懶載入可以解決這種問題。

懶載入也就是延遲載入。

當訪問乙個頁面的時候,先把img元素或是其他元素的背景路徑替換成一張大小為1*1px的路徑(這樣就只需請求一次,俗稱佔位圖),只有當出現在瀏覽器的可視區域內時,才設定正真的路徑,讓顯示出來。這就是懶載入。

很多頁面,內容很豐富,頁面很長,較多。比如說各種**頁面。這些頁面數量多,而且比較大,少說百來k,多則上兆。要是頁面載入就一次性載入完畢。估計大家都會等到黃花變成黃花菜了。

懶載入的原理就是先在頁面中把所有的統一使用一張佔位圖進行佔位,把正真的路徑存在元素的「data-url」(這個名字起個自己認識好記的就行)屬性裡,要用的時候就取出來,再設定;

1)首先,不要將位址放到src屬性中,而是放到其它屬性(data-original)中。

2)頁面載入完成後,根據scrolltop判斷是否在使用者的視野內,如果在,則將data-original屬性中的值取出存放到src屬性中。

3)在滾動事件中重複判斷是否進入視野,如果進入,則將data-original屬性中的值取出存放到src屬性中。

頁面載入速度快、可以減輕伺服器的壓力、節約了流量,使用者體驗好

BE 名詞解釋

1 名詞解釋 介質 用於備份資料的裝置,如磁帶庫,磁碟資料夾,相當於乙個檔案。介質集 相當與乙個資料夾,管理該資料夾下的所有介質。介質伺服器 安裝be的機器。清點 inventory 對匯入的介質必須清點,才能使用。檢查一遍所有的磁帶,確保磁帶可以使用。編錄 catalog 對匯入的介質必須編錄,才...

名詞解釋 vc 1

編輯本詞條缺少 編輯吧!外文名 vc 1 全 名 vc 1視訊編解碼器 全 稱 video codec 1 開發者微軟 1簡介2變換編碼和量化 3熵編碼 vc 1是最後被認可的高畫質編碼格式,不過因為有微軟的後台,所以這種編碼格式不能小窺。相對於mpeg2,vc 1的壓縮比更高,但相對於h.264而...

模組耦合名詞解釋 名詞解釋 簡答

c s 又稱client server 或客戶伺服器模式 對伺服器要求不用太高,穩定即可,建議使用 windows server 伺服器。客戶端需要安裝專用的客戶端軟體,客戶端應為 windows 作業系統。c s的優點是能充分發揮客戶端 pc的處理能力,很多任務作可以在客戶端處理後再提交 給伺服器...