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

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

>>阅读原文<<