Heim > Web-Frontend > Front-End-Fragen und Antworten > Was bedeutet cdn in jquery

Was bedeutet cdn in jquery

WBOY
Freigeben: 2022-06-07 15:35:16
Original
5359 Leute haben es durchsucht

In jquery bedeutet cdn Content Distribution Network, was die Abkürzung für „Content Delivery Network“ ist. Es kann einen Kopierserver mit guter Leistung und reibungsloser Verbindung am nächstgelegenen Ort platzieren, um Inhalte mit der schnellsten Geschwindigkeit zu erhalten Verweisen Sie auf die JQuery-Bibliothek anderer Websites, wodurch die Ladegeschwindigkeit der Seite erheblich verbessert wird.

Was bedeutet cdn in jquery

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

Was ist CDN in JQuery?

CDN, der vollständige Name ist Content Delivery Network, was „Content Distribution Network“ bedeutet.

CDN besteht, um es einfach auszudrücken, darin, einen Replikatserver mit guter Leistung und reibungsloser Verbindung in Ihrer Nähe zu platzieren, damit Sie Inhalte mit der schnellsten Geschwindigkeit aus nächster Nähe erhalten können.

jQuery CDN bezieht sich auf jQuery-Bibliotheken, die auf andere Websites verweisen. Diese Methode kann die Seitenladegeschwindigkeit erheblich verbessern und die Verschwendung von Datenverkehr auf Ihrer Website reduzieren.

Was genau ist ein CDN? Schauen wir uns zunächst ein einfaches Beispiel an.

Wenn Sie bei den beiden Computern in Abbildung 1 auf den Server zugreifen möchten, müssen Sie mehrere Knoten durchlaufen. Computer 1 verfügt über zwei Zugangsleitungen: „Computer 1→A→B→C→Server“ und „Computer 1→A→B→D→Server“. Computer 2 verfügt über zwei Zugangsleitungen: „Computer 2→B→D→Server“ und „Computer 2→B→C→Server“.

Es gibt keine CDN-Zugriffsroute

Was bedeutet cdn in jquery

Jedes Mal, wenn der Computer auf den Server zugreift, muss er mehrere Knoten durchlaufen, und die Zugriffsgeschwindigkeit wird definitiv viel langsamer sein. Dann werden Freunde fragen: „Können wir dafür sorgen, dass der Computer keine zusätzlichen Knoten durchlaufen muss, sondern direkt auf den Server zugreift?“ Die Antwort lautet definitiv „Ja“.

Wir können den Server in zwei Kopien erstellen und die beiden Kopien dann näher am Benutzer platzieren, wie in Abbildung 2 dargestellt.

Es gibt eine Zugriffsroute zum CDN

Was bedeutet cdn in jquery

so dass wir, wenn wir auf den Server zugreifen möchten, nur auf die Kopie des Servers zugreifen müssen. Diese Methode kann die Zugriffsgeschwindigkeit erheblich verbessern und die Verkehrsverschwendung reduzieren. Einfach ausgedrückt besteht CDN darin, einen Replikatserver mit guter Leistung und reibungsloser Verbindung in Ihrer Nähe zu platzieren, sodass Sie Inhalte mit der schnellsten Geschwindigkeit aus nächster Nähe erhalten können.

Die Bereitstellung eines Replikatservers erfordert viel Geld, aber wir können die von einem Drittanbieter bereitgestellte CDN-Route verwenden.

Für jQuery CDN lautet die häufig verwendete Route wie folgt:

//jQuery官网
<script
  src="http://code.jquery.com/jquery-1.12.4.min.js"
  integrity="sha256-ZosEbRLbNQzLpnKIkEdrPv7lOy9C27hHQ+Xp8a4MxAQ="
  crossorigin="anonymous">
</script>
//bootCDN
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
Nach dem Login kopieren

Einfach ausgedrückt müssen wir nur den obigen Code einführen, es ist nicht erforderlich, die lokale jQuery-Bibliothek einzuführen. Bitte sehen Sie sich das folgende Beispiel an.

Beispiel:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script>
        $(function () {
            $("div").css("color","red");
        })
    </script>
</head>
<body>
    <div>虽然长得丑,但是想得美。</div>
</body>
</html>
Nach dem Login kopieren

Ausgabeergebnis:

Was bedeutet cdn in jquery

Video-Tutorial-Empfehlung: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWas bedeutet cdn in jquery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage