`
nannan408
  • 浏览: 1783613 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery如何利用cdn

 
阅读更多
   一般我们使用jQuery都是直接把文件放自己的服务器上,但除非你有自信自己的服务器比CDN还厉害,不然使用第三方提供的放在CDN上jQuery更加明智,当网站流量很大的时候,这个举动将会为您节省不少的带宽。可能你会觉得第三方很不靠谱,但是如果连Google跟微软都不靠谱的话,估计也没多少是靠谱的。

这是微软放在CDN上的jQuery的地址:http://www.asp.net/ajaxlibrary/CDN.ashx#jQuery_Releases_on_the_CDN_0。

这是Google放在CDN上的jQuery的地址:https://developers.google.com/speed/libraries/devguide?hl=zh-CN#jquery。

当然还有jQuery官方的:http://jquery.com/download/。

下面是Google的调用方法:1 <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 


至于为什么url省略了http,可以参看这里:Google HTML/CSS Style Guide。

当然,我们还是需要为自己留个后路,万一这些CDN抽风的时候,网站还能正常运作:1
2 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>   
<script>window.jQuery || document.write('<script src="/path/to/jslibs/jquery-1.7.2.min.

转自:http://www.icyfire.me/2012/07/cnd-hosted-jquery/
分享到:
评论

相关推荐

    jquery-rails-cdn:将CDN支持添加到jquery-rails

    jquery-rails-cdn 将CDN支持添加到 。 从公开的提供jQuery具有明显的好处: 速度:用户将能够从最近的物理位置下载jQuery。 缓存:CDN被广泛使用,以至于您的用户可能根本不需要下载jQuery。 并行性:浏览器对...

    jQuery cdn使用介绍

    如果您不希望下载并存放 jQuery,那么也可以通过 CDN(内容分发网络) 引用它。 百度、谷歌和微软的服务器都存有 jQuery 。 jQuery 百度 cdn(国内肯定选择百度或新浪) 加载地址: 未压缩: [removed][removed] ...

    jquery-3.5.1.rar

    《jQuery 3.5.1:前端开发的强大工具》 jQuery,这个小巧而强大的JavaScript库,自2006年发布以来,一直是前端开发者的重要工具。本次提供的“jquery-3.5.1.rar”文件,包含了jQuery的核心库版本3.5.1,这是对这个...

    jquery引入外部CDN 加载失败则引入本地jq库

    然而,CDN服务可能会出现不可用的情况,这时就需要备用方案——当CDN加载失败时,自动切换到本地的jQuery库。本文将详细介绍两种实现这一功能的方法。 首先,推荐使用的第一种方法是通过在HTML中同时引入CDN的...

    jquery loadmask 插件的使用方法

    接下来,下载jQuery LoadMask插件的文件,或者通过CDN链接引入: ```html &lt;link rel="stylesheet" href="path/to/jquery.loadmask.css"&gt; &lt;script src="path/to/jquery.loadmask.min.js"&gt; ``` 2. **基本使用** ...

    jquery all

    jQuery CDN (via Media Temple) http://code.jquery.com/jquery-1.7.2.min.js Minified version http://code.jquery.com/jquery-1.7.2.js Development (Full) version jQuery 1.6.3 Minified jQuery 1.6.3 ...

    jquery-1.12.4-jquery.min.js.zip

    《jQuery 1.12.4.min.js:前端开发中的基石》 在现代网页开发中,jQuery 是一个不可或缺的库,它极大地简化了JavaScript的使用,使得DOM操作、事件处理、动画效果以及Ajax交互变得更加简单易行。"jquery-1.12.4-...

    jquery-2.0.0.js 、jquery-2.0.0.min.js 【官方jquery包 js】

    - **事件委托**:利用`.on()`的事件委托,减少内存占用,提高性能。 总结来说,jQuery 2.0.0是一个面向现代浏览器的高性能库,其精简的代码和强大的功能为开发者带来了极大的便利。在实际开发中,结合合理的优化...

    jquery插件jquery-ui-1.8.18.custom.min.js及css文件

    - **兼容性和性能优化**:确保所使用的jQuery UI版本与目标浏览器兼容,并考虑使用CDN加速资源加载,以提升用户体验。 总的来说,`jquery-ui-1.8.18.custom.min.js` 和相关的CSS文件是构建交互式、用户友好的Web...

    Jquery1.7.1(最新版)

    **jQuery 1.7.1** 是一个历史悠久但仍然具有影响力的JavaScript库,它极大地简化了网页的DOM操作、事件处理、动画制作以及Ajax交互。在2011年发布时,它是jQuery的最新版本,提供了许多增强的功能和性能优化。 **...

    利用jquery进行音频文件播放

    这行代码将从jQuery的CDN加载最新版本的库。 现在,我们可以在JavaScript中使用jQuery来控制音频播放。例如,要在页面加载时自动播放音频,可以添加以下代码: ```javascript $(document).ready(function() { $('...

    codeorigin.jquery.com:jQuery CDN

    【jQuery CDN】是JavaScript开发者广泛使用的资源库,它提供了一个快速、可靠的方式来引入jQuery库到网页中,无需在...了解如何正确利用CDN服务,以及在开发流程中有效集成和测试,是每个前端开发者必备的技能之一。

    ReplaceGoogleCDN:将 Google CDN 替换为国内的镜像

    Google CDN广泛用于分发各种JavaScript库和CSS文件,如jQuery、Bootstrap等。当用户访问使用这些库的网站时,如果直接从Google CDN加载,可能会出现延迟或无法加载的情况。 描述 "Git, Stack Overflow等外网访问...

    jquery-3.6.0.js

    jquery下载后粘贴即可使用

    JQuery外部包

    3. **CDN引入**:为了加快网页加载速度,开发者常会利用Content Delivery Network(CDN)来引入JQuery。CDN服务如jQuery CDN提供了全球分布的服务器,使得用户可以从最近的节点获取资源。例如,引入jQuery库的CDN...

    JQUERY开发的marquee插件

    为此,开发者们利用jQuery开发了更加强大且实用的Marquee插件,以满足更多复杂需求。 jQuery Marquee插件是基于JavaScript库jQuery的一款插件,它提供了丰富的定制选项,如滚动速度、方向、暂停、启动等,使得创建...

    jquery-1.10.2.js

    jquery-1.10.2.js

    jquery-1.7.2.js免费下载

    Query 1.7.2正式版发布。该版本在1.7.1的基础上修复了大量的bug,并改进了部分功能。而相比于1.7.2 RC1,只修复了一个bug。... 同时 Google 及 Microsoft CDN 上的新版本也应该会在一两天内部署完毕

    jqueryzoomjs是一款非常实用的图片内部缩放和平移jQuery插件

    **jQuery Zoom插件详解** jQuery Zoom插件,如其名所示,是专为网页中的图片设计的一款高效且功能丰富的jQuery扩展。它允许用户在交互时对图片进行内部缩放和平移,增强了用户的浏览体验,特别是在产品展示、图像...

Global site tag (gtag.js) - Google Analytics