나는 확인란을 클릭하면 해당 원인은 많은 변화에 DOM,그리고 이 정 응용 프로그램를 위해 여러 초입니다. 나는 다음과 같은 체크박스를 업데이트 첫째,그리고/또는 디스플레이 기다리고 있는 지표이다. 했는데 다른 일을 하지만 어떤 이유로도 다른 사람에 DOM 것입 업데이트합니다. 의 변경하는 대형 테이블을 제거하거나 추가 전체 열,그리고 그것은 역할 경우 높은 우선 순위는 다른것 때문에 모든 다른 시도를 업데이트 DOM 후 확인란을 클릭하지 않을 통해 이동 될 때까지 테이블을 완료시 렌더링을 수행합니다. FWIW 사용할 수 있습니다.로그 메시지를 표시하기 전에 테이블을 업데이트하고,또한 후 그 완료에 대한 몇 가지 이유입니다.
0
import {tick} from "svelte";
let checked = false;
$: applyChanges(checked);
async function applyChanges() {
messageVisible = true
await tick()
requestAnimationFrame(() => {
requestAnimationFrame(() => {
// do the stuff that causes a lots of dom updates
})
})
}
이 await tick()
적용 messageVisible
를 변경하실 수 있습니다.
더블 raf 기다리는 브라우저를 그 업데이트하실 수 있습니다.