2017-04-03 7 views
1

this example of the use of KaTeX on a Jekyll website을 참조하십시오.KaTeX를 사용할 때, 왜 머리에 <script> 하나를 넣고 몸에 하나 넣으시겠습니까?

  1. 왜 머리 속에 KaTeX 스크립트가 있지만 본문 뒤에 KaTeX 렌더링을 사용하는 인라인 스크립트가 있습니까?
  2. 내 Github 페이지 웹 사이트에서 KaTeX을 사용하는 경우 this StackOverflow question에 설명 된대로 async 또는 defer 속성을 사용하여 두 스크립트를 모두 넣는 것이 좋습니다. 당신이 이미 언급했듯이

답변

1

가 : placing script 헤더에 하나 개의 스크립트 태그를 배치

1) 저자는 작동하도록 예를 들면 위해 강조하고 싶은 당신의 KaTeX example에, 그래서 stop everything before this script is loaded 의미 katex.min 파일 그때까지는, 이 제대로로드되지 않으면 본문의 두 번째 <script>이 실패하므로 html 콘텐츠를로드하거나 구문 분석하지 않으려 고하기 전에 먼저로드하고 구문 분석해야합니다.

이것은 단지 한 가지 방법입니다.

몸에 <script> 전에 머리와 장소에서 <script> 태그를 제거

몸 후 <script> 태그를 제거하고 defer 속성에서 함께 머리에 <script> 태그 뒤에 배치 : BU처럼 많은가 두 스크립트 모두 (그래서 우리는 그들을 다운로드받을 때까지 기다릴 필요가 없습니다. 그리고 물건을 출력하기 위해 몸체 부분으로 가야합니다.) 일단 지연이 발생하면 dom의 모든 것이 비동기 적으로로드됩니다. 선언 된 순서대로로드됩니다.