1. 程式人生 > 實用技巧 >VMware vCenter Operations:服務雲環境管理 附演示程式下載

VMware vCenter Operations:服務雲環境管理 附演示程式下載

為什麼要使用懶載入?

當我們進入到某個頁面的時候,會有很多的圖片,有些圖片可能在下面,當我們點進頁面但沒有滑動全部展示時,其實下面的圖片是沒有啥作用的,白載入了,還降低網頁的載入速度。那懶載入就是只有滾動到可是區域時才載入當前的圖片,也就是說不是一次性載入所有的圖片,從而在程度減少伺服器的請求和頻寬

懶載入的優點:

提高前端效能,圖片在需要的時候才載入,減輕服務的負擔,提高頁面的載入速度,能夠減少頻寬

實現原理:

圖片的載入時由src的值引起的,當對src賦值時瀏覽器會請求圖片資源,基於這個,可以利用html5的自定義屬性data-xxx來儲存圖片的路徑,當我們需要載入圖片的時候才將data-xxx的值賦值

最後放2個截圖,jq的懶載入,跟移動端的下拉請求(分頁)