jquery가 외부 CDN을 가져오고 로드에 실패할 때 로컬 jq 라이브러리를 도입하는 방법

이 글에서는 주로 웹사이트에서 타사 CDN을 로드하는 방법을 소개합니다. jQuery 라이브러리가 실패할 경우 로컬 jquery 구현 코드가 로드됩니다. 필요한 친구는

Due를 참조하세요. 타사 CDN 라이브러리 인기가 높기 때문에 많은 친구들이 타사 클래스 라이브러리를 선택합니다. 학습 관점에서 모든 사람이 클래스 라이브러리를 사용하는 것은 권장되지 않습니다. 이런 식으로 우리는 많은 학습 기회를 잃습니다. 하지만 사용 측면에서는 많은 코드 호환성 문제를 해결하지만 여기서는 다루지 않습니다.

CDN을 사용하여 jQuery 라이브러리를 로드하면 대역폭을 일부 절약할 수 있으며 사용자에게 더 빠른 페이지 로딩 환경을 제공할 수 있습니다.

개인 웹사이트 크기와 CDN 대역폭 문제로 인해 지금은 CDN 비용이 내려갔지만 여전히 타사 jquery 라이브러리를 사용하는 친구들이 많습니다. 개인적으로 국내 여러 Baidu, Sina, bootcdn을 추천합니다

다음 두 코드의 역할은 cdn의 jquery가 로드되지 않은 경우 로컬 클래스 라이브러리를 사용할 수 있다는 것입니다.

jquery 다운로드 주소

첫 번째: 권장 사용

<script src="//apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
 if (typeof jQuery == &#39;undefined&#39;) {
 document.write(unescape("%3Cscript src=&#39;/skin/mobile/js/jquery.min.js&#39; type=&#39;text/javascript&#39;%3E%3C/script%3E"));
 }
</script>

#🎜 🎜#

두 번째 유형:

<script src="http://lib.sinaapp.com/js/jquery11/1.8/jquery.min.js"></script>
<script>window.jQuery || document.write(unescape("%3Cscript src=&#39;/skin/mobile/js/jquery.min.js&#39; type=&#39;text/javascript&#39;%3E%3C/script%3E"))</script>

#🎜 🎜# Fasle인 경우 표현식 b(또는 함수)를 실행하고 b의 결과를 반환합니다.

True인 경우 a의 결과를 반환합니다.

은 다음을 의미합니다. .jQuery가 false이면 로컬 jquery 라이브러리가 로드됩니다.

문제: 페이지에 js 및 css 참조가 너무 많으면 페이지 로드 속도가 느려집니다. #🎜 ### 引#Quote CDN의 JS 및 CSS는 로컬 영역에서 직접보다 짧습니다#🎜🎜 ## 🎜🎜#해결책: 로컬 프로젝트의 페이지에서 JS 및 CSS를 사용하여 페이지를 로드합니다. 페이지가 CDN 로딩이 됩니다. 다음과 같은 변경이 필요합니다:

1.jquery: ["https://cdn.bootcssddd.com/jquery/1.11.1/jquery.min"," static/lib/jquery/jquery-1.9.min"],

({
  baseUrl: "/js",
  paths: {
    "jquery": "empty:"
    
  },
  dir: "/js-build",
  optimize: "uglify",
  optimizeCss: "standard.keepLines",
  mainConfigFile: "config.js",//config.js为1中引用的文件
  removeCombined: true,
})

위 내용은 이 글의 전체 내용입니다. 모든 분들의 학습에 도움이 되었으면 좋겠습니다. 더 많은 관련 내용은 PHP 중국어 홈페이지를 주목해주세요!

jquery.onoff로 구현된 스위치 버튼 기능

#🎜 🎜 #양식에 데이터를 동적으로 추가하고 삭제하는 작업을 구현하는 jQuery에 대하여

위 내용은 jquery가 외부 CDN을 가져오고 로드에 실패할 때 로컬 jq 라이브러리를 도입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!