복붙노트

[JQUERY] 가장 좋은 방법은 구글의 호스팅 jQuery를 사용하지만 구글 실패에 내 호스팅 라이브러리에 다시 가을

JQUERY

가장 좋은 방법은 구글의 호스팅 jQuery를 사용하지만 구글 실패에 내 호스팅 라이브러리에 다시 가을

해결법

  1. 1.이처럼 얻을 수 있습니다 :

    이처럼 얻을 수 있습니다 :

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

<script>
       window.jQuery || document.write('<script src="/path/to/your/jquery"><\/script>');
</script>

    이 페이지의 에 있어야하고 jQuery를 준비 이벤트 핸들러는 오류를 방지하기 위해 <몸>에 있어야합니다 (이 바보 - 증거가 아니에요 있지만!).

    Google 호스팅 jQuery를 사용하지하는 또 하나의 이유는 일부 국가에서는, 구글의 도메인 이름이 금지된다는 점이다.

  2. 2.가장 쉽고 가장 깨끗한 방법은 지금까지이 작업을 수행합니다 :

    가장 쉽고 가장 깨끗한 방법은 지금까지이 작업을 수행합니다 :

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="path/to/your/jquery"><\/script>')</script>

  3. 3.이것은 나를 위해 작동하는 것 같다 :

    이것은 나를 위해 작동하는 것 같다 :

    <html>
<head>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
// has the google object loaded?
if (window.google && window.google.load) {
    google.load("jquery", "1.3.2");
} else {
    document.write('<script type="text/javascript" src="http://joecrawford.com/jquery-1.3.2.min.js"><\/script>');
}
window.onload = function() {
    $('#test').css({'border':'2px solid #f00'});
};
</script>
</head>
<body>
    <p id="test">hello jQuery</p>
</body>
</html>

    작동 방식은 윈도우 객체에 http://www.google.com/jsapi로드를 호출하는 구글 객체를 사용하는 것입니다. 해당 개체가 존재하지 않는다면, 우리는 구글에 대한 액세스가 실패 가정합니다. 이런 경우, 우리는 document.write를를 사용하여 로컬 복사본을로드합니다. (I이 경우 내 자신의 서버를 사용하고,이 테스트를 위해 자신을 이용하시기 바랍니다).

    window.google.load의 존재 또한 테스트 - 나는 또한 그 일이 적절한 객체 또는 함수입니다 볼 수있는 대해서 typeof 검사를 할 수 있습니다. 하지만이 트릭을 수행합니다 생각합니다.

    코드의 강조는 내가 테스트 한 전체 HTML 페이지를 게시하기 때문에 실패하는 것 때문에 여기에 바로 로딩 로직은,이다 :

    if (window.google && window.google.load) {
    google.load("jquery", "1.3.2");
} else {
    document.write('<script type="text/javascript" src="http://joecrawford.com/jquery-1.3.2.min.js"><\/script>');
}

    내가 말을해야하지만, 나는 확실하지 않다가이 모든에서 Google AJAX 라이브러리 API를 손보는해야합니다 귀하의 사이트 방문자에 대한 우려됩니다.

    재미있는 사실 : 나는 다양한 버전이에 대한 try..catch 블록을 사용하는 처음 시도했지만이 깨끗로했다 조합을 찾을 수 없습니다. 나는 순전히 연습으로,이 아이디어의 다른 구현을보고 싶네.

  4. 4.(대체와) 다른 jQuery를 중 - 귀하의 사이트에 포함 된 modernizr.js이있는 경우, 내장 yepnope.js 비동기 스크립트를로드하는 데 사용할 수 있습니다.

    (대체와) 다른 jQuery를 중 - 귀하의 사이트에 포함 된 modernizr.js이있는 경우, 내장 yepnope.js 비동기 스크립트를로드하는 데 사용할 수 있습니다.

    Modernizr.load([{
    load : '//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'
},{
    test : window.jQuery,
    nope : 'path/to/local/jquery-1.7.2.min.js',
    both : ['myscript.js', 'another-script.js'],
    complete : function () {
        MyApp.init();
    }
}]);

    구글-CDN에서이로드 jQuery를. jQuery를 성공적으로로드 된 경우 이후 그것은 체크합니다. ( "아니")하지 않으면 로컬 버전이로드됩니다. 또한 귀하의 개인 스크립트를로드합니다 - "모두"로드 과정이 시험의 결과로부터 독립적으로 iniated 것을 나타냅니다.

    모든로드 처리가 완료되면, 함수의 경우 'MyApp.init'에서 실행된다.

    나는 개인적으로 비동기 스크립트로드의이 방법을 선호합니다. 내가 사이트를 구축 할 때 모더 나이저에 의해 제공되는 기능 시험에 의존로, 나는 어쨌든 사이트에 포함했다. 그래서 오버 헤드 실제로 없다.

  5. 5.이 훌륭한 솔루션은 여기에 있습니다,하지만 난 로컬 파일에 대해 한 걸음 더 나아가 그것을 가지고 싶은 것입니다.

    이 훌륭한 솔루션은 여기에 있습니다,하지만 난 로컬 파일에 대해 한 걸음 더 나아가 그것을 가지고 싶은 것입니다.

    구글이 실패하는 시나리오에서는 로컬 소스를로드해야하지만 어쩌면 서버의 실제 파일은 반드시 최선의 선택이 아니다. 나는 현재 같은 솔루션을 구현하고 있습니다 때문에 나는 단지 내가 데이터 소스에 의해 생성됩니다 로컬 파일로 후퇴 할이 최대를 가져온다.

    이에 대한 나의 이유는 내가 내가 구글 대 내가 로컬 서버에 어떤에서로드 무엇 유지 트랙에 올 때 마음의 일부 조각을 갖고 싶어한다는 것입니다. 내가 버전을 변경하려면, 내 로컬 복사본 내가 구글에서로드 노력하고있어와 동기화 유지하려는 것이다. 많은 개발자가있는 환경에서, 난 그렇게 모든 일이해야 할 것이라고 구성 파일의 버전 번호를 변경할 수있는 가장 좋은 방법은이 프로세스를 자동화하는 것입니다 생각합니다.

    다음은 이론적으로 작동합니다 내 제안 된 솔루션이다 :

    내 코드가 제대로 작성된 경우 이론적으로, 내가 할 필요가있는 모든 내 응용 프로그램 설정 후 비올라의 버전 번호를 변경합니다! 당신은 자동화 대체 솔루션을 가지고, 당신은 당신의 서버에 물리적 파일을 관리 할 필요가 없습니다.

    모든 사람들이 어떻게 생각 하는가? 어쩌면 이것은 과잉이다, 그러나 당신의 AJAX 라이브러리를 유지 우아한 방법이 될 수 있습니다.

    도토리

  6. 6.

    if (typeof jQuery == 'undefined') {
// or if ( ! window.jQuery)
// or if ( ! 'jQuery' in window)
// or if ( ! window.hasOwnProperty('jQuery'))    

  var script = document.createElement('script');
  script.type = 'text/javascript';
  script.src = '/libs/jquery.js';

  var scriptHook = document.getElementsByTagName('script')[0];
  scriptHook.parentNode.insertBefore(script, scriptHook);

}

    후에는 CDN에서 구글의 사본을 포함하도록 시도합니다.

    HTML5에서는 type 속성을 설정할 필요가 없습니다.

    당신은 또한 사용할 수 있습니다 ...

    window.jQuery || document.write('<script src="/libs/jquery.js"><\/script>');

  7. 7.당신은 최후의 수단으로 로컬 파일을 사용할 수 있습니다.

    당신은 최후의 수단으로 로컬 파일을 사용할 수 있습니다.

    jQuery의 자신의 CDN가 HTTPS를 지원하지 않는 현재로서는 보인다. 이 그랬다면 당신은 먼저 거기에서로드 할 수 있습니다.

    그래서 여기 순서는 다음과 같습니다 구글 CDN => 마이크로 소프트 CDN => 지역 사본.

    <!-- load jQuery from Google's CDN -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
<!-- fallback to Microsoft's Ajax CDN -->
<script> window.jQuery || document.write('<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.3.min.js">\x3C/script>')</script> 
<!-- fallback to local file -->
<script> window.jQuery || document.write('<script src="Assets/jquery-1.8.3.min.js">\x3C/script>')</script>

  8. 8.조건부 대체 최신 / 기존의 jQuery 버전을로드 :

    조건부 대체 최신 / 기존의 jQuery 버전을로드 :

    <!--[if lt IE 9]>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="/public/vendor/jquery-legacy/dist/jquery.min.js">\x3C/script>')</script>
<![endif]-->
<!--[if gte IE 9]><!-->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="/public/vendor/jquery/dist/jquery.min.js">\x3C/script>')</script>
<!--<![endif]-->

  9. 9.자바 스크립트에없는 정의 변수를 확인하는 방법

    자바 스크립트에없는 정의 변수를 확인하는 방법

    어떻게 다른 자바 스크립트 파일에 자바 스크립트 파일을 포함합니까?

  10. 10.구글의 금지 문제 나 마이크로 소프트의 CDN을 사용하는 것을 선호하기 때문에 http://www.asp.net/ajaxlibrary/cdn.ashx

    구글의 금지 문제 나 마이크로 소프트의 CDN을 사용하는 것을 선호하기 때문에 http://www.asp.net/ajaxlibrary/cdn.ashx

  11. 11.여기에 좋은 explaination이입니다!

    여기에 좋은 explaination이입니다!

    또한 로딩 지연 및 대기 시간을 구현!

    http://happyworm.com/blog/2010/01/28/a-simple-and-robust-cdn-failover-for-jquery-14-in-one-line/

  12. 12.ASP.NET MVC 5를 사용하는 사람들을 위해, JQuery와의 CDN을 활성화하려면 BundleConfig.cs이 코드를 추가합니다 :

    ASP.NET MVC 5를 사용하는 사람들을 위해, JQuery와의 CDN을 활성화하려면 BundleConfig.cs이 코드를 추가합니다 :

    bundles.UseCdn = true;
Bundle jqueryBundle = new ScriptBundle("~/bundles/jquery", "//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js").Include("~/Scripts/jquery-{version}.js");
jqueryBundle.CdnFallbackExpression = "window.jQuery";
bundles.Add(jqueryBundle);

  13. 13.최신 정보: 이 답변은 잘못된 것으로 밝혀졌다. 실제 설명에 대한 주석을 참조하십시오.

    최신 정보: 이 답변은 잘못된 것으로 밝혀졌다. 실제 설명에 대한 주석을 참조하십시오.

    당신이 질문의 대부분은하지만 마지막 부분에 관해서는 대답했습니다 :

    없음 정말. 당신은 두 번째 쓸모없는 복사본을 다운로드 몇 밀리 초를 추가 할 수 있습니다 대역폭을 낭비 것, 그러나 모두를 통해 올 경우 실제 손해가 아니다. 당신은 물론, 위에서 언급 한 기술을 사용하여이를 방지해야한다.

  14. 14.나는 이미로드되어 있지 않은 경우 동적으로 jQuery를로드해야 할 요점을 만든 소스가 실패 할 경우, 그것은 폴백 (많은 답변에서 함께 물렸다)에 진행 : https://gist.github.com/tigerhawkvok/9673154

    나는 이미로드되어 있지 않은 경우 동적으로 jQuery를로드해야 할 요점을 만든 소스가 실패 할 경우, 그것은 폴백 (많은 답변에서 함께 물렸다)에 진행 : https://gist.github.com/tigerhawkvok/9673154

    내가 무엇의 가치에 대한 요점 업데이트하지만이 답변을 계속 할 계획 유의하시기 바랍니다!

    /* See https://gist.github.com/tigerhawkvok/9673154 for the latest version */
function cascadeJQLoad(i) { // Use alternate CDNs where appropriate to load jQuery
    if (typeof(i) != "number") i = 0;
    // the actual paths to your jQuery CDNs
    var jq_paths = [
        "ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js",
        "ajax.aspnetcdn.com/ajax/jQuery/jquery-2.1.0.min.js"
    ];
    // Paths to your libraries that require jQuery
    var dependent_libraries = [
        "js/c.js"
    ];
    if (window.jQuery === undefined && i < jq_paths.length) {
        i++;
        loadJQ(jq_paths[i], i, dependent_libraries);
    }
    if (window.jQuery === undefined && i == jq_paths.length) {
        // jQuery failed to load
        // Insert your handler here
    }
}

/***
 * You shouldn't have to modify anything below here
 ***/

function loadJQ(jq_path, i, libs) { //load jQuery if it isn't already
    if (typeof(jq_path) == "undefined") return false;
    if (typeof(i) != "number") i = 1;
    var loadNextJQ = function() {
        var src = 'https:' == location.protocol ? 'https' : 'http';
        var script_url = src + '://' + jq_path;
        loadJS(script_url, function() {
            if (window.jQuery === undefined) cascadeJQLoad(i);
        });
    }
    window.onload = function() {
        if (window.jQuery === undefined) loadNextJQ();
        else {
            // Load libraries that rely on jQuery
            if (typeof(libs) == "object") {
                $.each(libs, function() {
                    loadJS(this.toString());
                });
            }
        }
    }
    if (i > 0) loadNextJQ();
}

function loadJS(src, callback) {
    var s = document.createElement('script');
    s.src = src;
    s.async = true;
    s.onreadystatechange = s.onload = function() {
        var state = s.readyState;
        try {
            if (!callback.done && (!state || /loaded|complete/.test(state))) {
                callback.done = true;
                callback();
            }
        } catch (e) {
            // do nothing, no callback function passed
        }
    };
    s.onerror = function() {
        try {
            if (!callback.done) {
                callback.done = true;
                callback();
            }
        } catch (e) {
            // do nothing, no callback function passed
        }
    }
    document.getElementsByTagName('head')[0].appendChild(s);
}

/*
 * The part that actually calls above
 */

if (window.readyState) { //older microsoft browsers
    window.onreadystatechange = function() {
        if (this.readyState == 'complete' || this.readyState == 'loaded') {
            cascadeJQLoad();
        }
    }
} else { //modern browsers
    cascadeJQLoad();
}

  15. 15.구글은 jQuery를 호스팅

    구글은 jQuery를 호스팅

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

    백업 / 대비 계획!

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>if (!window.jQuery) { document.write('<script src="/path/to/your/jquery"><\/script>'); }
</script>

    참조 : http://websitespeedoptimizations.com/ContentDeliveryNetworkPost.aspx

  16. 16.나는 그 문자열에 \ x3C에 <마지막 탈출해야한다 고려한다. 브라우저가 볼 때,이 스크립트 블록의 끝합니다 (HTML 파서는 자바 스크립트에 대해 아무 생각이 없기 때문에, 실제로 스크립트를 종료하는 의미 그냥 문자열에 나타납니다 뭔가, 뭔가를 구별 할 수없는 것으로 간주 요소). HTML 페이지 내부의이 원인 오류 (최선의 경우), 그리고 (최악의 경우) 큰 보안 구멍이 될 것이라고 자바 스크립트에 그대로 나타나는 그래서.

    나는 그 문자열에 \ x3C에 <마지막 탈출해야한다 고려한다. 브라우저가 볼 때,이 스크립트 블록의 끝합니다 (HTML 파서는 자바 스크립트에 대해 아무 생각이 없기 때문에, 실제로 스크립트를 종료하는 의미 그냥 문자열에 나타납니다 뭔가, 뭔가를 구별 할 수없는 것으로 간주 요소). HTML 페이지 내부의이 원인 오류 (최선의 경우), 그리고 (최악의 경우) 큰 보안 구멍이 될 것이라고 자바 스크립트에 그대로 나타나는 그래서.

    <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.0.0.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-2.0.0.min.js">\x3C/script>')</script>

  17. 17.

    if (typeof jQuery == 'undefined')) { ...

    또는

    if(!window.jQuery){

    CDN 버전이로드되지 않은 경우 브라우저가이 조건을 통해 여전히 jQuery를 필요로하고 오류를 반환 자바 스크립트의 나머지 부분을 다운로드하는 동안 실행 때문에 윌은하지 작동합니다. 해결 방법은 해당 조건을 통해 부하 스크립트이었다.

        <script src="http://WRONGPATH.code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script><!--  WRONGPATH for test-->
  <script type="text/javascript">
  function loadCDN_or_local(){
    if(!window.jQuery){//jQuery not loaded, take a local copy of jQuery and then my scripts
      var scripts=['local_copy_jquery.js','my_javascripts.js'];
      for(var i=0;i<scripts.length;i++){
      scri=document.getElementsByTagName('head')[0].appendChild(document.createElement('script'));
      scri.type='text/javascript';
      scri.src=scripts[i];
    }
  }
  else{// jQuery loaded can load my scripts
    var s=document.getElementsByTagName('head')[0].appendChild(document.createElement('script'));
    s.type='text/javascript';
    s.src='my_javascripts.js';
  }
  }
  window.onload=function(){loadCDN_or_local();};
  </script>

  18. 18.거의 모든 공공 CDN을 꽤 안정적이다. 그러나, 당신은 차단 구글 도메인에 대해 걱정 다음 수 단순히 대체 대체 jQuery를 CDN에. 그러나, 이러한 경우에, 당신이 원하는 옵션으로 및 대체 실패한 요청 및 대기 시간을 피하기 위해 구글 CDN에 다른 CDN을 그것을 반대 방향을하고 사용하는 것이 좋습니다 :

    거의 모든 공공 CDN을 꽤 안정적이다. 그러나, 당신은 차단 구글 도메인에 대해 걱정 다음 수 단순히 대체 대체 jQuery를 CDN에. 그러나, 이러한 경우에, 당신이 원하는 옵션으로 및 대체 실패한 요청 및 대기 시간을 피하기 위해 구글 CDN에 다른 CDN을 그것을 반대 방향을하고 사용하는 것이 좋습니다 :

    <script src="https://pagecdn.io/lib/jquery/3.2.1/jquery.min.js"></script>
<script>
   window.jQuery || document.write('<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"><\/script>');
</script>

  19. 19.ASP.NET에서 면도기 구문을 사용하여이 코드는 대체 지원을 제공하고 가상 루트와 함께 작동합니다 :

    ASP.NET에서 면도기 구문을 사용하여이 코드는 대체 지원을 제공하고 가상 루트와 함께 작동합니다 :

    @{var jQueryPath = Url.Content("~/Scripts/jquery-1.7.1.min.js");}
<script type="text/javascript">
    if (typeof jQuery == 'undefined')
        document.write(unescape("%3Cscript src='@jQueryPath' type='text/javascript'%3E%3C/script%3E"));
</script>

    또는 헬퍼 (도우미 개요)합니다

    @helper CdnScript(string script, string cdnPath, string test) {
    @Html.Raw("<script src=\"http://ajax.aspnetcdn.com/" + cdnPath + "/" + script + "\" type=\"text/javascript\"></script>" +
        "<script type=\"text/javascript\">" + test + " || document.write(unescape(\"%3Cscript src='" + Url.Content("~/Scripts/" + script) + "' type='text/javascript'%3E%3C/script%3E\"));</script>")
}

    이 같이 사용할 수 :

    @CdnScript("jquery-1.7.1.min.js", "ajax/jQuery", "window.jQuery")
@CdnScript("jquery.validate.min.js", "ajax/jquery.validate/1.9", "jQuery.fn.validate")

  20. 20.쓰기 document.write를가 ( "<스크립트> ")의 jQuery 백 오프 쉽게 보이지만, 크롬은이 경우에 유효성 검사 오류를 제공합니다. 나는 파괴 "스크립트"단어를 선호 그래서. 그래서 위와 같이 안전이됩니다.

    쓰기 document.write를가 ( "<스크립트> ")의 jQuery 백 오프 쉽게 보이지만, 크롬은이 경우에 유효성 검사 오류를 제공합니다. 나는 파괴 "스크립트"단어를 선호 그래서. 그래서 위와 같이 안전이됩니다.

    <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.1.min.js"></script>
<script>if (typeof jQuery === "undefined") {
   window.jqFallback = true;
   document.write("<scr"+"ipt src='http://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.1/jquery.min.js'></scr"+"ipt>");
} </script>

    장기적인 문제의 경우, JQuery와 폴백 (fallback)을 기록하는 것이 좋습니다 것입니다. 첫째 CDN이없는 경우 위의 코드에서 사용할 수 JQuery와는 다른 CDN에서로드됩니다. 그러나 당신은 잘못된 CDN을 알고 영구적으로 제거 할 수 있습니다. (이 경우는 매우 예외적 인 경우입니다) 또한 대체 문제를 기록하는 것이 좋습니다. 당신은 AJAX와 잘못된 사례를 보낼 수 있습니다. JQuery와의 정의되어 있지 않기 때문에, 당신은 AJAX 요청에 바닐라 자바 ​​스크립트를 사용해야합니다.

    <script type="text/javascript">
    if (typeof jQuery === 'undefined' || window.jqFallback == true) {
        // XMLHttpRequest for IE7+, Firefox, Chrome, Opera, Safari
        // ActiveXObject for IE6, IE5
        var xmlhttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("Microsoft.XMLHTTP");
        var url = window.jqFallback == true ? "/yourUrl/" : "/yourUrl2/";
        xmlhttp.open("POST", url, true);
        xmlhttp.send();
    }
</script>

  21. 21.당신이 통제 할 수없는 외부 데이터 저장소에서 리소스를로드 할 수 없다는 어렵다. 본원에 기술 된 바와 같이 누락 된 기능을 찾고, 타임 아웃을 앓고 방지하는 수단으로 완전히 그릇된이다 : http://www.tech-101.com/support/topic/4499-issues-using-a-cdn/

    당신이 통제 할 수없는 외부 데이터 저장소에서 리소스를로드 할 수 없다는 어렵다. 본원에 기술 된 바와 같이 누락 된 기능을 찾고, 타임 아웃을 앓고 방지하는 수단으로 완전히 그릇된이다 : http://www.tech-101.com/support/topic/4499-issues-using-a-cdn/

  22. 22.또 다른 대체 대체합니다 ajax.googleapis.com cdnjs.cloudflare.com와 그 :

    또 다른 대체 대체합니다 ajax.googleapis.com cdnjs.cloudflare.com와 그 :

    (function (doc, $)
{
    'use strict';

    if (typeof $ === 'undefined')
    {
        var script = doc.querySelector('script[src*="jquery.min.js"]'),
            src = script.src.replace('ajax.googleapis.com', 'cdnjs.cloudflare.com');

        script.parentNode.removeChild(script);
        doc.write('<script src="' + src + '"></script>');
    }
})(document, window.jQuery || window.Zepto);

  23. 23.당신은 코드를 같이 사용할 수 있습니다 :

    당신은 코드를 같이 사용할 수 있습니다 :

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>window.jQuery || document.write('<script type="text/javascript" src="./scripts/jquery.min.js">\x3C/script>')</script>

    그러나 또한 라이브러리는 당신이 당신의 스크립트 설정에 몇 가지 가능한 폴백 (fallback)을 사용하여로드 프로세스를 최적화 할 수 있습니다 :

    예를 들면 :

    basket.js 지금 최선의 변형을 생각합니다. 로컬 스토리지에서 스크립트를 CACH 것, 그 다음에 로딩 속도를합니다. 간단한 전화 :

    basket.require({ url: '/path/to/jquery.js' });

    이 약속을 반환하고 오류에 대한 다음 호출을, 또는 성공에 대한 종속성을로드 할 수 있습니다 :

    basket
    .require({ url: '/path/to/jquery.js' })
    .then(function () {
        // Success
    }, function (error) {
        // There was an error fetching the script
        // Try to load jquery from the next cdn
    });

    RequireJS

    requirejs.config({
    enforceDefine: true,
    paths: {
        jquery: [
            '//ajax.aspnetcdn.com/ajax/jquery/jquery-2.0.0.min',
            //If the CDN location fails, load from this location
            'js/jquery-2.0.0.min'
        ]
    }
});

//Later
require(['jquery'], function ($) {
});

    yepnope

    yepnope([{
  load: 'http://ajax.aspnetcdn.com/ajax/jquery/jquery-2.0.0.min.js',
  complete: function () {
    if (!window.jQuery) {
      yepnope('js/jquery-2.0.0.min.js');
    }
  }
}]);

    24. from https://stackoverflow.com/questions/1014203/best-way-to-use-googles-hosted-jquery-but-fall-back-to-my-hosted-library-on-go by cc-by-sa and MIT license

'JQUERY' 카테고리의 다른 글

[JQUERY] 신청 방법! .CSS를 사용하여 중요한 ()?  (0) 2020.09.23
[JQUERY] '$ (이)'와 '이'의 차이점은 무엇입니까?  (0) 2020.09.23
[JQUERY] 이벤트를 발생시킨 요소의 ID를 얻기  (0) 2020.09.23
[JQUERY] jQuery를 애니메이션의 backgroundColor  (0) 2020.09.23
[JQUERY] 하이라이트 / 선택한 텍스트를 가져옵니다  (0) 2020.09.23
,

티스토리툴바