使用IntersectionObserver实现简单的懒加载

const intersectionObserver= new IntersectionObserver((entries, observer) => {
    entries.forEach((entry) => {
        if (entry.isIntersecting) {
            console.log(`
                进入视图
                此处可执行后续需要加载调用的相关代码逻辑
                如：调用接口、数据处理逻辑等
            `);

            // 停止监听
            observer.unobserve(entry.target);
        }
    });
});

const loadElement = document.querySelector('#app');

if (loadElement) {
    // 监听元素
    intersectionObserver.observe(loadElement);
}

参考：IntersectionObserver - Web API 接口参考 | MDN (mozilla.org)