通过cdn引用的js

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了通过cdn引用的js相关的知识,希望对你有一定的参考价值。

jquery

Production version - 用于实际的网站中,已被精简和压缩。

Development version - 用于测试和开发(未压缩,是可读的代码)

 

引用的两种方式:

1 下载代码文件至本地项目中,引入。

2 通过 CDN(内容分发网络) 引用它

 

使用CDN引用的一个好处:许多用户在访问其他站点时,已经从百度、又拍云、新浪、谷歌或微软加载过 jQuery。所有结果是,当他们访问您的站点时,会从缓存中加载 jQuery,这样可以减少加载时间。同时,大多数 CDN 都可以确保当用户向其请求文件时,会从离用户最近的服务器上返回响应,这样也可以提高加载速度。

菜鸟教程CDN:<script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js"></script>

百度CDN:<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

又拍云:<script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.2.min.js"></script>

新浪:<script src="http://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>

Google:<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> (站点用户是国外的才使用google的,国内使用google不稳定)

Microsoft:<script src="http://ajax.htmlnetcdn.com/ajax/jQuery/jquery-1.10.2.min.js"></script>

以上是关于通过cdn引用的js的主要内容,如果未能解决你的问题,请参考以下文章

vue中使用cdn优化

引用外部jquery.js

Javascript随笔2(JQuery)

如何引用vue

CDN加速服务

html里直接引用es6的js代码(不通过webpack等打包工具)