Heim >Web-Frontend >js-Tutorial >So führen Sie die lokale JQ-Bibliothek ein, wenn JQuery ein externes CDN importiert und nicht geladen werden kann
In diesem Artikel wird hauptsächlich das Laden von Drittanbieter-CDNs durch die Website vorgestellt. Wenn die jQuery-Bibliothek nicht erfolgreich ist, wird der lokale JQuery-Implementierungscode geladen.
Aufgrund der Aufgrund der Verbreitung von CDN-Bibliotheken entscheiden sich viele Freunde für die Verwendung von Klassenbibliotheken von Drittanbietern. Aus Lernsicht wird die Verwendung von Klassenbibliotheken nicht für jeden empfohlen. aber in Bezug auf die Verwendung löst es viele Code-Kompatibilitätsprobleme, auf die ich hier nicht näher eingehen werde.
Die Verwendung eines CDN zum Laden der jQuery-Klassenbibliothek kann etwas Bandbreite sparen und Benutzern ein schnelleres Laden von Seiten ermöglichen.
Aufgrund des Problems der persönlichen Website-Größe und der CDN-Bandbreite gibt es Zeiten, in denen es nicht ausreicht, JQuery-Bibliotheken von Drittanbietern zu verwenden, die ich persönlich empfehle mehrere inländische Baidu und Sina, bootcdn
Die Rolle der folgenden beiden Codeteile besteht darin, dass wir die lokale Klassenbibliothek verwenden können, wenn jquery von cdn nicht geladen ist.
jquery-Download-Adresse
Erster Typ: Empfohlene Verwendung
<script src="//apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script type="text/javascript"> if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='/skin/mobile/js/jquery.min.js' type='text/javascript'%3E%3C/script%3E")); } </script>
Oben haben wir The zitiert Die jQuery-Bibliothek von Baidu CDN wird abgerufen, und dann fügen wir nach dem Skriptcode eine if-Anweisung hinzu, um festzustellen, ob die jQuery-Bibliothek erfolgreich geladen wurde. Wenn sie nicht erfolgreich geladen wird, laden wir die lokale jQuery-Bibliothek dynamisch.
Unter anderem verwenden wir die URL-Kodierung direkt in der document.write-Methode, kodieren „<“ als „%3C“ und verwenden dann die unescape()-Methode, um die Zeichenfolge wiederherzustellen.
Wir konvertieren die Zeichenfolge mithilfe der unescape()-Methode zurück und können sehen, dass die Ausgabe ein normaler Skript-Referenzcode ist.
Nun haben wir eine Frage: „Warum nicht normale Zeichen, sondern Zeichenkodierung verwenden?“ Tatsächlich gibt es dafür einen Grund, was bedeutet, dass unser Code in XML verwendet werden kann. XHTML oder HTML Es kann normal ausgeführt werden, ohne den Code in CDATA einzuschließen (weitere Informationen finden Sie hier).
Der zweite Typ:
<script src="http://lib.sinaapp.com/js/jquery11/1.8/jquery.min.js"></script> <script>window.jQuery || document.write(unescape("%3Cscript src='/skin/mobile/js/jquery.min.js' type='text/javascript'%3E%3C/script%3E"))</script>
Das obige Prinzip ist das gleiche wie das erste, das heißt durch |. |. Operator
Ausdruck a ||. Ausdruck b: Berechnen Sie das Ergebnis von Ausdruck a (kann auch eine Funktion sein),
Wenn es Fasle ist, führen Sie Ausdruck b (oder Funktion) aus, und gibt das Ergebnis von b zurück;
wenn es True ist, gibt es das Ergebnis von a zurück;
bedeutet, dass die lokale JQuery-Bibliothek geladen wird.
requireJs konnte lokale JS nach dem Zitieren von cdn nicht laden
Problem: Zu viele JS- und CSS-Referenzen auf der Seite führen dazu, dass die Seite langsam geladen wird
. Beim Wechsel zum CDN-Laden ändert sich Folgendes muss gemacht werden
1.jquery: ["https://cdn.bootcssddd.com/jquery/1.11.1/jquery.min","static/lib/jquery/jquery-1.9.1. min"],
2. Der build.js-Code wurde wie folgt hinzugefügt({ baseUrl: "/js", paths: { "jquery": "empty:" }, dir: "/js-build", optimize: "uglify", optimizeCss: "standard.keepLines", mainConfigFile: "config.js",//config.js为1中引用的文件 removeCombined: true, })
Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe es Wird für das Lernen aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website!
Verwandte Empfehlungen:
Die von jquery.onoff implementierte UmschalttastenfunktionÜber jQuery zum dynamischen Hinzufügen und Löschen von Daten in FormularoperationenDas obige ist der detaillierte Inhalt vonSo führen Sie die lokale JQ-Bibliothek ein, wenn JQuery ein externes CDN importiert und nicht geladen werden kann. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!