实现图片懒加载

<img src="./images/loading.gif" data-src="./images/image2.jpg">

利用默认的gif图通过JS动态替换真实图片的地址

import $ from 'jquery'
import 'images/*.jpg'

var n = 0,
    imgNum = $("img").length,
    img = $('img');

function landlord(event) {
    for (var i = n; i < imgNum; i++) {
        if (img.eq(i).offset().top < parseInt($(window).height()) + parseInt($(window).scrollTop())) {
            if (img.eq(i).attr("src").indexOf('loading')) {
                var src = img.eq(i).attr("data-src");
                img.eq(i).attr("src", src);
                n = i + 1;
            }
        }
    }
}
landlord();
$(window).scroll(landlord

使用parcel打包问题

使用parcel打包后，data-src的不正确导致无法读取图片