응답자가 완성 된 작업을 수행 할 때 감지합니다

Question

응답이 완료 될 때 탐지 할 수있는 방법이 있습니까?

지금 당장 레이아웃이 올바르게 표시 될 때까지 약 1-2 초가 소요됩니다.응답이 끝나면 숨길 수있는 일종의 로딩 표시기를 추가하고 싶습니다.

감사합니다.

ps.나는 좋은 관행을 안다. 그러나 고객은 돈을 지불하고있다.

Answer 1

컨테이너를 숨기고 기본적으로 로딩 표시기를 표시 한 다음 미디어 쿼리를 사용하여 토글합니다.

.container {
    display: none;
}
.loading {
    display: block;
}
@media (min-width: 1px) {
    .container {
        display: block;
    }
    .loading {
        display: none;
    }
}

.

미디어 쿼리를 지원하는 브라우저는 즉시 컨테이너를 표시하고로드 표시기를 숨 깁니다.오래된 IE가 응답자가 처리하는 미디어 쿼리가 처리 될 때까지 사용할 수 없습니다.

Answer 2

경고 : rant

이것에 대해 두 번째로 생각해보십시오.JS가 느린 렌더링 엔진으로 고대 (즉, <9) 브라우저에서 레이아웃을 수정할 때까지 UI가 잠겨있는 동안 사용자가되도록 생각합니다.솔루션이 있습니다 :

<!--[if lte IE 8]>
<style type="text/css">
 body { min-width: 1020px; }
</style>
<![endif]-->

.

IE8 사용자는 수평으로 조금 스크롤합니다 (최적의 UX를 하위에 사용하는 경우, IE8을 사용하면 IE8을 사용하고 있습니다 !!!! 모두를 사용하고 있습니다 !!!!성능.