Rumah > hujung hadapan web > tutorial js > jquery中cdn有什么用

jquery中cdn有什么用

(*-*)浩
Lepaskan: 2019-05-30 11:07:49
asal
4675 orang telah melayarinya

jQuery是前端开发最常见也是最流行的javascript库,如何去加载它才能使我们的项目性能更好以及问什么要用CDN?

当用户访问自己的站点时从服务器加载文件,每个服务器同时只能下载2-4个文件,这样就会降低文件的执行效率,如果多用几个服务器,这样同时加载文件的个数就是(2-4)*服务器个数,所以我们把jQuery放到CDN上就是为了提高网站加载文件的效率。

jquery中cdn有什么用

下面就讲讲常用的jQuery的CDN

国外的CDN:

//Google Hosted Libraries
src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"
//Microsoft CDN
src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.0.min.js"
//CDNJS
src="http://cdnjs.cloudflare.com/ajax/libs/jquery/2.0.0/jquery.min.js"
//jQuery官网
src="http://code.jquery.com/jquery-1.11.0.min.js"
//jsDeliver
src="http://cdn.jsdelivr.net/jquery/2.0.0/jquery-2.0.0.min.js"
Salin selepas log masuk

国内的CDN:

//百度
src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"
//七牛
src="http://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"
//新浪
src="http://lib.sinaapp.com/js/jquery/1.6/jquery.min.js"
//又拍云
src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.0.min.js"
//360
src="http://libs.useso.com/js/jquery/2.0.0/jquery.min.js"
Salin selepas log masuk

总结:

除国外的谷歌和CDNJS的服务外,国内的库均不支持HTTPS环境,可惜的是国内用户加载起来比较慢,如果把自己网站架设在国外可以优先考虑使用。如果CDN加载失败时,我们需要加载自己本地的jQuery文件,只需要在头部加上下面的代码就可以

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery-1.11.1.min.js" type="text/javascript"><\/script>')</script>
Salin selepas log masuk

Atas ialah kandungan terperinci jquery中cdn有什么用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan