zoukankan      html  css  js  c++  java
  • 公共cdn的js和css库

    使用cdn的js和css公用库

    为什么要使用cdn,用cdn资源有什么好处了,可以看看yahoo性能建议,中间有一条的http://developer.yahoo.com/performance/rules.html

     又浏览器同时对一个网站的链接数量有限制的

    推荐大家一个叫yslow性能检测工具的插件吧,在chrome和ff下面都有该插件的。网上去搜索

    1、有那些cdn资源呢

    2、如何用那些cdn资源

    有哪些cdn资源比较好呢

    我们把静态资源放到自己的服务器上面固然好像安全可靠,不过我们不是每一台服务器的都是cdn速度够快;根据雅虎的性能建议,把静态资源放到不同的域名下还能加快速度。一般是js和css公用库我们都可以找到CDN资源,最出名的是google CDN。之前我一直不用google cdn,怕资源不稳定,google是国外的,大家都懂的。

    BAE CDN

    SAE CDN

    google CDN

    不过最近百度和sina都有了cdn,为了稳定性可以方便的用了。不过我更喜欢用百度的BAE CDN。

    sina的bae支持的

    [backbone]
    [bootstrap]
    [dojo]
    [ext-core]
    [highcharts]
    [highstock]
    [jq.mobi]
    [jquery]
    [jquery-mobile]
    [jquery-ui]
    [jquerytools]
    [json2]
    [lesscss]
    [mootools]
    [prototype]
    [qunit]
    [scriptaculous]
    [swfobject]
    [underscore]
    [webfont]
    [yui]
    [zepto]

    百度支持的BAE

    2.1 backbone
    2.2 Bootstrap
    2.3 dojo
    2.4 ext-core
    2.5 Highcharts
    2.6 Highstock
    2.7 jqMobi
    2.8 jQuery
    2.9 jQuerymobile
    2.10 jQuerytools
    2.11 jQueryui
    2.12 JSON
    2.13 lesscss
    2.14 mootools
    2.15 prototype
    2.16 QUnit
    2.17 scriptaculous
    2.18 swfobject
    2.19 UNDERSCORE
    2.20 webfont
    2.21 yui
    2.22 zepto

    2、如何调用资源

    我们要使用那资源,就如何我们直接使用本地网站的资源一样,只是把路径缓存了cdn资源的地址,。如调用百度的jquery  1.9.0。js放的位置由你定拉,雅虎的建议是放在紧靠</body>前面的

    • 未压缩:
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
    • 压缩:
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>

    但是你会担心那是能够加载,那你也可以在本地添加一个 jquery 1.9.0的文件
    复制代码
    <script src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>

    <script type="text/javascript">
    <!--
    !window.jQuery && document.write('<script src=/jQuery/jquery-1.9.0.min.js></script>');//
    //-->

    </script>
    复制代码

    也可以这样

    <!--
    document.write(unescape("%3Cscript src='http://libs.baidu.com/jquery/1.9.0/jquery.min.js' type='text/javascript'%3E%3C/script%3E")); 
    !window.jQuery && document.write(unescape("%3Cscript src='
    /jQuery/jquery-1.9.0.min.js' type='text/javascript'%3E%3C/script%3E")); //-->
  • 相关阅读:
    python3 numpy基本用法归纳总结
    MySQL 中的三中循环 while loop repeat 的基本用法
    什么是网关及网关作用
    网络扫描工具nmap
    nmap基本使用方法
    nmap脚本使用总结
    用Delphi将数据导入到Excel并控制Excel
    delphi Form属性设置 设置可实现窗体无最大化,并且不能拖大拖小(写一个WM_EXITSIZEMOVE的空函数)
    Delphi 数据类型列表
    一个队列类的实现(比delphi自带的速度快70倍)(线程安全版本)
  • 原文地址:https://www.cnblogs.com/wpbars/p/3344332.html
Copyright © 2011-2022 走看看