javascript實現圖片懶加載和預加載

所謂懶加載就是經過某些特定的條件，而後再給圖片的src賦值，常見的懶加載方式有點擊加載和滾動加載。 若是是點擊加載，那麼通常是經過點擊事件。例如： 而後添加點擊事件: 效果以下: 若是是加載，那麼就有些複雜，首先你要先明白觸發加載的條件，通常都是文檔的高度-瀏覽器窗高度-瀏覽器距離頂部的高度<規定的尺寸。達到必定條件的後,向for循環的圖片數組(筆者使用的是vue)添加元素。最困難是獲取文檔的高度

>>阅读原文<<