javascript - jquery의 load() 동기화 차단 정보

Question

이제 메인 페이지에서 페이지의 머리글과 바닥글을 별도로 로드해야 합니다. iframe을 사용하는 성능이 좋지 않고, PHP의 include 메소드를 사용하여 페이지를 직접 로드할 수 없습니다. React 및 Angle과 같은 프레임워크의 템플릿을 가져오는 방법을 배우지 못했습니다. 예, 많은 숙고 끝에 jquery의 load()만 사용하여 로드할 수 있습니다. 이제 문제는 로드 메서드로 인해 동기화의 기본 스레드가 발생한다는 것입니다. 차단되고 페이지 경험이 매우 나빠질 것입니다.

으아아아

제 질문은:
1. 메인 스레드를 차단하지 않도록 로드 메서드를 $.get 또는 $.post와 같은 비동기 로딩으로 설정할 수 없나요? load()로 인한 메인 스레드 차단 문제를 어떻게 해결합니까?
관련 정보를 읽었는데 h5 Worker를 사용하면 메인 스레드 차단을 피할 수 있는 것 같습니다. 이 방법만 사용하면 되나요?

2. 내 필요에 따라 내 글에서 언급한 방법 외에 현재 상황에서는 어떻게 해결해야 하나요? 회사 개발 시 머리글과 바닥글 로딩 문제를 해결하는 데 가장 적합한 방법은 무엇인가요?

문제 해결을 위한 모든 분들의 도움을 환영합니다. 감사합니다!

Answer 1

load()는 기본적으로 비동기적으로 로드되며 메인 스레드가 차단되지 않습니다. 따라서 경고의 동기화 차단 문제는 여기서 단일 load()로 인해 발생하지 않습니다. 나중에 서브페이지를 확인해 보니 서브페이지에 <script src="*"> 그래서 하위 페이지의 외부 js 소개가 제거되고 경고가 사라졌습니다. 따라서 load() 및 하위 페이지에 외부 js가 도입되어 발생하는 동기화 차단 경고입니다.

Answer 2

1. 이 메소드의 맨 아래 레이어는 $.ajax() 메소드를 호출하여 서버에 Ajax 요청을 합니다. 따라서 기본적으로 비동기식으로 로드되며 기본 스레드가 차단되지 않습니다.
. 그러나 기본값은 비동기 로딩이므로 페이지의 주요 부분이 먼저 표시된 다음 서버측 머리글 및 바닥글 데이터가 반환되어 페이지의 주요 부분이 삽입될 수 있습니다. 페이지, 머리글, 바닥글이 동시에 나타나면 표시되지 않습니다.
2 제가 겪은 상황은 머리글과 바닥글의 조합이 상대적으로 고정되어 있어서 머리글과 바닥글을 쓴 템플릿 페이지를 만든 다음 페이지의 주요 부분을 삽입할 수 있습니다. iframe을 설정하고 상황에 따라 iframe의 주소가 해당 특정 페이지를 가리킵니다.

Answer 3

1물론이죠.

으아아아

2 주로 머리와 꼬리를 만들고 내용을 추가하고 base.html을 만듭니다. PHP에서 사용하면 base.html
이 됩니다. # 🎜🎜#