如何在不出错的情况下等待元素可见？

在前端开发中，等待元素可见是一个常见的需求，可以通过以下几种方法来实现，在不出错的情况下等待元素可见：

使用定时器轮询：可以使用setInterval函数定时检查元素是否可见，直到元素可见为止。这种方法简单易懂，但效率较低，会占用一定的系统资源。
使用MutationObserver：MutationObserver是一个现代浏览器提供的API，可以监听DOM树的变化。通过创建一个MutationObserver实例，可以监听目标元素的属性变化或子节点的添加/删除等操作，一旦目标元素可见，即可执行相应的操作。
使用waitFor函数：一些前端测试框架（如Jest、Cypress等）提供了waitFor函数，可以等待元素可见。这种方法通常会结合断言函数使用，断言函数用于判断元素是否可见，waitFor函数会在一定时间内不断执行断言函数，直到断言成功或超时。
使用async/await和visibilitychange事件：可以使用async/await结合visibilitychange事件来等待元素可见。首先，使用document.visibilityState属性判断当前页面是否可见，如果不可见，则监听visibilitychange事件，一旦页面可见，即可执行相应的操作。