jquery에서 cdn을 사용하는 방법은 무엇입니까?

(*-*)浩
풀어 주다: 2019-05-30 11:07:49
원래의
4662명이 탐색했습니다.

jQuery는 프런트 엔드 개발을 위한 가장 일반적이고 인기 있는 JavaScript 라이브러리입니다. 프로젝트 성능을 향상시키기 위해 이를 로드하는 방법과 CDN을 사용해야 하는 이유는 무엇입니까?

사용자가 자신의 사이트를 방문하면 서버에서 파일이 로드됩니다. 각 서버는 동시에 2~4개의 파일만 다운로드할 수 있으므로 더 많은 서버를 사용하면 파일의 실행 효율성이 떨어집니다. 동시에 로드되는 파일은 (2-4)*서버 수이므로 그래서 웹 사이트에서 파일 로드의 효율성을 높이기 위해 jQuery를 CDN에 배치합니다.

jquery에서 cdn을 사용하는 방법은 무엇입니까?

일반적으로 사용되는 jQuery CDN에 대해 이야기해 보겠습니다.

외국 CDN:

//Google Hosted Libraries
src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"
//Microsoft CDN
src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.0.min.js"
//CDNJS
src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"
//jQuery官网
src="http://code.jquery.com/jquery-1.11.0.min.js"
//jsDeliver
src="http://cdn.jsdelivr.net/jquery/2.0.0/jquery-2.0.0.min.js"
로그인 후 복사

국내 CDN:

//百度
src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"
//七牛
src="http://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"
//新浪
src="http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js"
//又拍云
src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.0.min.js"
//360
src="http://libs.useso.com/js/jquery/2.0.0/jquery.min.js"
로그인 후 복사

해외 구글 제외 서비스 제외 CDNJS, CDNJS의 경우, 국내 라이브러리는 HTTPS 환경을 지원하지 않습니다. 아쉽게도 국내 사용자에게는 로딩 속도가 느립니다. CDN이 로드되지 않으면 자체 로컬 jQuery 파일을 로드해야 합니다. 헤더

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.11.1.min.js" type="text/javascript"><\/script>')</script>
로그인 후 복사
에 다음 코드만 추가하면 됩니다.

위 내용은 jquery에서 cdn을 사용하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿