首頁 > web前端 > js教程 > 懶加載是什麼意思?

懶加載是什麼意思?

Guanhui
發布: 2020-06-24 16:22:25
原創
5259 人瀏覽過

懶加載是一種獨特且強大的數據獲取方法,它能夠在用戶滾動頁面的時候自動獲取更多的數據,而新得到的數據不會影響原有數據的顯示,同時最大程度上減少伺服器端的資源耗用。

懶加載是什麼意思?

在Web應用程式中,系統的瓶頸常在於系統的反應速度。如果系統反應速度過慢,使用者就會出現埋怨情緒,系統的價值也因此會大打折扣。因此,提高系統反應速度,是非常重要的。

Web應用程式做的最多就是和後台資料庫交互,而查詢資料庫是種非常耗時的過程。當資料庫裡記錄過多時,查詢最佳化更顯得特別重要。為了解決這種問題,有人提出了快取的概念。快取就是將使用者頻繁使用的資料放在記憶體中以便快速存取。在使用者執行一次查詢操作後,查詢的記錄會放在快取中。當使用者再次查詢時,系統會先從快取中讀取,如果快取中沒有,再查詢資料庫。快取技術在一定程度上提升了系統效能,但是當資料量過大時,快取就不太合適了。因為記憶體容量有限,把過多的資料放在記憶體中,會影響電腦效能。而另一種技術,懶加載可以解決這種問題。

應用案例

考慮這樣一個例子:海爾電器是一個非常大的組織機構,它下有1萬多個組織單元。由於組織單元的複雜性,組織單元間也存在著上下級關係。現在的問題是:使用者想加入海爾電器的某個組織單元,他該怎麼選擇到這個組織單元?

很容易想到的一個解決方法是:查詢資料庫,把海爾電器的所有組織單元放到一個下拉清單中,讓使用者選擇即可。這樣的確是解決問題了,但是,測試發現,瀏覽器在顯示組織單元資料時就直接假死了。看來,這樣做性能太差,可以不採納。

另一個解決方法就是利用懶載入技術。由於組織單元間存在著上下級關係,那麼組織單元的排列就可以當作一棵樹來處理。在顯示資料時只顯示父節點,點選父節點時,就能顯示父節點下的子節點。

使用者要選擇某個組織單元,只要點擊該組織單元的父親節點就能找到該組織單元。

可以看出,懶加載節省了系統回應時間,提升了系統效能,非常具有利用價值。

推薦教學:《JS教學

以上是懶加載是什麼意思?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板