直接设置DOM属性和通过requestAnimationFrame设置DOM属性有什么区别?

我正在阅读BluePrintJS源代码,注意到它们将DOM元素属性更改逻辑放在 requestAnimationFrame 阻止。直接设置DOM属性和通过requestAnimationFrame设置DOM属性有什么区别?

private handlePopoverClosing = (node: HTMLElement) => {
    // restore focus to saved element.
    // timeout allows popover to begin closing and remove focus handlers beforehand.
    requestAnimationFrame(() => {
        if (this.previousFocusedElement !== undefined) {
            this.previousFocusedElement.focus();
            this.previousFocusedElement = undefined;
        }
    });

    const { popoverProps = {} } = this.props;
    Utils.safeInvoke(popoverProps.onClosing, node);
};