jQuery는 프런트 엔드 개발을 위한 가장 일반적이고 인기 있는 JavaScript 라이브러리입니다. 프로젝트 성능을 향상시키기 위해 이를 로드하는 방법과 CDN을 사용해야 하는 이유는 무엇입니까?
사용자가 자신의 사이트를 방문하면 서버에서 파일이 로드됩니다. 각 서버는 동시에 2~4개의 파일만 다운로드할 수 있으므로 더 많은 서버를 사용하면 파일의 실행 효율성이 떨어집니다. 동시에 로드되는 파일은 (2-4)*서버 수이므로 그래서 웹 사이트에서 파일 로드의 효율성을 높이기 위해 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
