mouseMove非常滞后

let lastX = 0;
let lastY = 0;

document.addEventListener('mousemove', (event) => {
    lastX = event.clientX;
    lastY = event.clientY;
    // 避免在这里执行复杂的操作
});

let lastX = 0;
let lastY = 0;
let updateDOM = false;

document.addEventListener('mousemove', (event) => {
    lastX = event.clientX;
    lastY = event.clientY;
    updateDOM = true;
});

function render() {
    if (updateDOM) {
        // 更新 DOM
        updateDOM = false;
    }
    requestAnimationFrame(render);
}

render();

function throttle(func, limit) {
    let inThrottle;
    return function() {
        const args = arguments;
        const context = this;
        if (!inThrottle) {
            func.apply(context, args);
            inThrottle = true;
            setTimeout(() => inThrottle = false, limit);
        }
    };
}

document.addEventListener('mousemove', throttle((event) => {
    console.log(event.clientX, event.clientY);
}, 100));