Rumah >hujung hadapan web >Soal Jawab bahagian hadapan >Apakah maksud cdn dalam jquery

Apakah maksud cdn dalam jquery

WBOY
WBOYasal
2022-06-07 15:35:165343semak imbas

Dalam jquery, cdn bermaksud rangkaian pengedaran kandungan, iaitu singkatan daripada "Content Delivery Network". , iaitu, rujuk perpustakaan jquery tapak web lain, dengan itu meningkatkan kelajuan pemuatan halaman dengan ketara.

Apakah maksud cdn dalam jquery

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Apakah cdn dalam jquery?

CDN, nama penuhnya ialah Content Delivery Network, iaitu "rangkaian pengedaran kandungan".

CDN, ringkasnya, ialah meletakkan pelayan replika dengan prestasi yang baik dan sambungan lancar yang paling dekat dengan anda, supaya anda boleh mendapatkan kandungan pada kelajuan terpantas pada jarak terdekat .

jQuery CDN merujuk kepada perpustakaan jQuery yang merujuk tapak web lain. Kaedah ini boleh meningkatkan kelajuan memuatkan halaman dan mengurangkan pembaziran trafik di tapak web anda.

Jadi apakah sebenarnya CDN itu? Mari kita lihat contoh mudah dahulu.

Untuk kedua-dua komputer dalam Rajah 1, jika anda ingin mengakses pelayan, anda perlu melalui berbilang nod. Komputer 1 mempunyai dua talian akses: "Komputer 1→A→B→C→Pelayan" dan "Komputer 1→A→B→D→Pelayan". Komputer 2 mempunyai dua talian akses: "Komputer 2→B→D→Pelayan" dan "Komputer 2→B→C→Pelayan".

Laluan akses tanpa CDN

Apakah maksud cdn dalam jquery

Setiap kali komputer mengakses pelayan, ia perlu melalui berbilang nod, dan kelajuan akses pasti akan menjadi lebih perlahan . Kemudian rakan-rakan akan bertanya: "Bolehkah kita membuat komputer tidak perlu melalui nod tambahan, tetapi terus mengakses pelayan jawapannya pasti ya?"

Kita boleh membuat pelayan menjadi dua salinan, dan kemudian meletakkan dua salinan lebih dekat dengan pengguna, seperti yang ditunjukkan dalam Rajah 2.

Terdapat laluan akses CDN

Apakah maksud cdn dalam jquery

Supaya apabila kita ingin mengakses pelayan, kita hanya perlu mengakses salinan pelayan. Kaedah ini boleh meningkatkan kelajuan akses dan mengurangkan pembaziran lalu lintas. Secara ringkasnya, CDN ialah meletakkan pelayan replika dengan prestasi yang baik dan sambungan lancar yang paling dekat dengan anda, supaya anda boleh mendapatkan kandungan pada kelajuan terpantas pada jarak terdekat.

Memerlukan banyak wang untuk menggunakan pelayan replika, tetapi kami boleh menggunakan laluan CDN yang disediakan oleh pihak ketiga.

Untuk jQuery CDN, laluan yang biasa digunakan adalah seperti berikut:

//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>

Secara ringkasnya, kita hanya perlu memperkenalkan kod di atas, dan tidak perlu memperkenalkan local perpustakaan jQuery Sila lihat contoh di bawah.

Contoh:

<!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>

Hasil output:

Apakah maksud cdn dalam jquery

Cadangan tutorial video: Tutorial video jQuery

Atas ialah kandungan terperinci Apakah maksud cdn dalam jquery. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn