首页 > 建站教程 > JS、jQ、TS >  网站常用前端公共库CDN介绍和使用正文

网站常用前端公共库CDN介绍和使用

谷歌被大陆“封杀”,我爱模板网之前使用的google cdn的Jquery库,也因此经常连接不上,导致网站打开非常慢,现在都换成本地的了。不过,国内有很多CDN公用库,例如:百度、新浪等,也很不错。

首先解释下什么是CDN公共库:
    CDN公共库是指将常用的JS库存放在CDN节点,以方便广大开发者直接调用。和将JS库存放在服务器单机上相比,CDN公共库更加稳定、高速。公共CDN可为您的应用程序提供稳定、可靠、高速的服务,包含全球所有最流行的开源JavaScript库。


下面,我爱模板网给大家推荐几个国内资深的CDN节点:

    第一个:百度提供的CDN公共库

        百度支持的JS,字体库列表:
            backbone,Bootstrap,dojo,ext-core,Highcharts,Highstock,jqMobi,jQuery,jQuerymobile,jQuerytools,jQueryui,JSON,lesscss,mootools,prototype,QUnit,scriptaculous,swfobject,UNDERSCORE,webfont,yui,zepto,Font Awesome

        网址:http://developer.baidu.com/wiki/index.php?title=docs/cplat/libs

        使用时,只需将google的网址替换为 libs.baidu.com 即可.

    第二个:360常用前端公共库CDN服务

        360提供的资源比百度更多一些,多了一些常用的jquery插件的JS.

        360常用前端公共库包括:
            [Base64]
            [Chart.js]
            [Colors.js]
            [Cookies.js]
            [PreloadJS]
            [SyntaxHighlighter]
            [angular-ui]
            [angular-ui-bootstrap]
            [angular.js]
            [backbone.js]
            [bignumber.js]
            [bootstrap]
            [bootstrap-datepicker]
            [bootstrap-lightbox]
            [bootstrap-switch]
            [canvasjs]
            [ckeditor]
            [d3]
            [datatables]
            [dojo]
            [ember.js]
            [enquire.js]
            [fancybox]
            [flexslider]
            [flot]
            [flowplayer]
            [font-awesome]
            [gsap]
            [highcharts]
            [highlight.js]
            [highstock]
            [html2canvas]
            [html5shiv]
            [iScroll]
            [jplayer]
            [jquery]
            [jquery-easing]
            [jquery-mobile]
            [jquery.cycle]
            [jquery.form]
            [jquery.isotope]
            [jquery.lazyload]
            [jqueryui]
            [json2]
            [json3]
            [json5]
            [lazyload]
            [masonry]
            [modernizr]
            [mootools]
            [morris.js]
            [prototype]
            [raphael]
            [require.js]
            [respond.js]
            [retina.js]
            [rickshaw]
            [seajs]
            [skeleton]
            [socket.io]
            [swfobject]
            [tinymce]
            [underscore.js]
            [webfont]
            [yui]
            [zepto]
            [zeroclipboard]

        使用360网站卫士代理访问Google前端公共库的方法:
            1、首先在程序源代码中找到调用Google前端公共库的地址,比如:
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=3.4.2'></script>
            2、将Google前端库的域名 ajax.googleapis.com 修改为:ajax.useso.com 即可,如下所示:
<script type='text/javascript' src='http://ajax.useso.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=3.4.2'></script>
        使用360网站卫士代理访问Google免费字体库的方法:
            1、首先在程序源代码中找到调用Google免费字体库的地址,比如:
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext' rel='stylesheet'>
            2、将Google免费字体库的域名 fonts.googleapis.com 修改为:fonts.useso.com 即可,如下所示:
<link href='http://fonts.useso.com/css?family=Open+Sans:300,400,600&subset=latin,latin-ext' rel='stylesheet'>
        网址:http://libs.useso.com/
    
    其他的一些cdn公用库资源网址:
        新浪:http://lib.sinaapp.com/