InstantClick 사전 로드에 대한 자세한 설명-JS 튜토리얼-php.cn

InstantClick 사전 로드에 대한 자세한 설명

php中世界最好的语言

풀어 주다： 2018-04-17 16:56:13

원래의

2115명이 탐색했습니다.

이번에는 프리로드된 인스턴트클릭 사용에 대해 자세히 설명하겠습니다. 프리로드된 인스턴트클릭 사용 시 주의사항은 무엇인가요? 실제 사례를 살펴보겠습니다.

어젯밤 변환 중에 코드 하이라이팅을 실행할 수 없었습니다. 정확히는 한 번만 실행되고 두 번째에는 실행되지 않았습니다. 그래서 이에 대해 설명하는 글을 썼고, InstantClick 문서를 대략 읽어본 결과 주로 블랙리스트 영역 문제라는 것을 알게 되었습니다. 내 개인적인 이해에 따르면 블랙리스트에는 주로 두 가지 일반적인 필터링 유형이 포함되어 있습니다. 하나는 태그이고 다른 하나는 js입니다. 그 원칙에 따르면 블랙리스트 영역은 실제로 처리되지 않습니다(일반적인 수동 열기에 따라 로드 및 새로 고침). 이러한 종류의 비처리는 관련 구조 및 js를 작동시킬 수 있습니다. .

따라서 InstantClick이 실행되면 해당 quote 문을 살펴보세요.

<script type="text/javascript" src="<?php bloginfo(&#39;template_directory&#39;); ?>/js/instantclick.min.js" data-no-instant></script>
<script data-no-instant>InstantClick.init();</script>

로그인 후 복사

명령문 기능은 InstantClick 자체를 필터링합니다. 이는 실행 후 정상적으로 새로 고치는 것과 같습니다.

새로고침 js를 정상적으로 로드하세요

명령문 자체의 data-no-instant 매개변수는 명령문이 처리되지 않고 구조의 이 부분이 정상적으로 새로 고쳐짐을 의미합니다. 따라서 다른 j가 InstantClick에서 작동하도록 하려면 js 자체를 새로 고쳐야 합니다. instantclick.min.js에 코드를 작성하거나 data-no-instant 매개변수를 사용하여 독립적으로 참조할 수 있습니다. instantclick.min.js에 자신만의 js를 작성하지 않은 경우에는 4개의 매개변수를 사용하여 다시 로드해야 합니다. 참조: http://instantclick.io/scripts

<script data-no-instant>
InstantClick.on('change', function() {
// 回调
});
InstantClick.init();
</script>

로그인 후 복사

태그

InstantClick은 새 창에서 열린 태그를 처리하지 않으며, 데이터가 없는 매개변수를 사용하여 태그로 묶인 태그도 처리하지 않습니다. 예를 들어, <p data-no-instant> 이 부분은 정상적으로</p> 새로 고쳐집니다. <p data-no-instant>这部分会按正常情况刷新</p>。

最后总结：data-no-instant 최종 요약: data-no-instantattribute

는 페이지가 전환될 때 instantclick이 요소를 반복적으로 로드하는 것을 방지하는 데 사용됩니다(정상적으로 새로 고침을 의미). 스크립트, 스타일 태그 또는 태그에서 사용할 수 있습니다. 즉, 인스턴트 클릭 가속 없이 링크가 일반적인 방법으로 열리지만, 꼭 알아야 하는 p 태그에는 쓸모가 없습니다.

위의 두 가지 사항을 이해하고 나면 처리하기가 더 쉬울 것입니다. 이전에는 ajax라고 생각하고 전체 본문에서 요청했습니다. 즉, 처리되지 않은 부분을 body 태그 외부에 넣는 것도 가능합니다.

저는 개인적으로 매우 빠른 캐싱

뒤로 및 앞으로 기능을 좋아한다는 점을 언급할 가치가 있습니다. 나는 당신이 이 기사를 읽는 방법을 마스터했다고 믿습니다. 더 흥미진진한 내용을 알고 싶다면 PHP 중국어 웹사이트의 다른 관련 기사를 주목해 보세요!