Di manakah sumber terbaik untuk perpustakaan jQuery dalam projek web anda?

Dari Mana Anda Harus Sumber Perpustakaan jQuery?

Apabila menyertakan jQuery dan jQuery UI dalam projek anda, terdapat beberapa pilihan yang tersedia. Mari kita mendalami kelebihan dan kekurangan setiap kaedah.

Google JSAPI lwn. CDN

Google JSAPI menyediakan cara yang mudah untuk mengakses jQuery daripada pelayan yang diedarkan Google. Ini boleh meningkatkan masa muat dan berkemungkinan mengurangkan penggunaan lebar jalur. Walau bagaimanapun, menyediakan sambungan SSL atau menyelesaikan google.com mungkin menyebabkan kelewatan.

Tapak jQuery atau Pelayan Anda

Menghos jQuery pada pelayan anda sendiri atau dari tapak jQuery membenarkan untuk kawalan sepenuhnya ke atas versi dan kemungkinan penyesuaian. Walau bagaimanapun, pendekatan ini memerlukan persediaan dan penyelenggaraan tambahan serta isu yang berpotensi dengan penggunaan lebar jalur pada pelayan anda.

CDN lain

Menggunakan CDN pihak ketiga, seperti ajax .googleapis.com, boleh memberikan manfaat rangkaian teragih tanpa perlu menyelenggara infrastruktur anda sendiri. Kelemahannya ialah anda bergantung pada kebolehpercayaan dan ketersediaan CDN.

Google JSAPI Disyorkan

Ramai pembangun mengesyorkan menggunakan JSAPI Google untuk mengedarkan jQuery. Pelayan yang diedarkan mengurangkan kependaman, dan mekanisme caching menghalang pelbagai muat turun perpustakaan. Selain itu, perkhidmatan Google lain boleh memanfaatkan pendekatan ini, memperkemas kemasukan kod.

Penukaran Sumber Dinamik untuk Protokol Selamat

Jika anda mempunyai halaman yang selamat dan tidak selamat di tapak anda, anda boleh menukar sumber Google secara dinamik untuk mengelakkan amaran kandungan bercampur:

<code class="html"><script type="text/javascript">
    document.write([
        "\<script src='",
        ("https:" == document.location.protocol) ? "https://" : "http://",
        "ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'\>\<\/script\>"
    ].join(''));
</script></code>

Sumber Dinamik Ringkas

Untuk memudahkan lagi kod ini, anda boleh menggunakan sintaks berikut:

<code class="html"><script type="text/javascript">
    document.write("\<script src='//ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'\>\<\/script\>");
</script></code>

Atas ialah kandungan terperinci Di manakah sumber terbaik untuk perpustakaan jQuery dalam projek web anda?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!