培训
模块
使用 Azure CDN 和 Blob 服务为网站创建内容分发网络 - Training
了解如何在 Azure 中创建内容分发网络 (CDN) 并用它来托管网站中的图像等常用资产。 该模块介绍 Azure CDN,以及如何将 Blob 存储用作基础存储模型来获得稳定数据或非易失性数据。
警告
生产应用程序不应对 CDN 资产产生硬依赖关系。 应用程序应测试引用的 CDN 资产,并在 CDN 不可用时使用回退资产。
Microsoft Ajax CDN 除了使用Azure 内容分发网络以外,没有 SLA。
使用此 GitHub 问题 报告 Microsoft Ajax CDN 的问题。
已重命名为 ajax.aspnetcdn.com 的 ajax.microsoft.com
Visual Studio .vsdoc 支持
从 CDN 使用 ASP.NET Ajax
从 CDN 使用 jQuery
使用 CDN 中的 jQuery UI
CDN 上的第三方文件
CDN 上的 jQuery 版本
CDN 上的 jQuery Migrate 版本
CDN 上的 jQuery UI 版本
CDN 上的 jQuery 验证版本
CDN 上的 jQuery 移动版本
CDN 上的 jQuery 模板版本
CDN 上的 jQuery 循环版本
CDN 上的 jQuery DataTables 版本
CDN 上的 Modernizr 版本
CDN 上的 JSHint 版本
CDN 上的淘汰发布
在 CDN 上全球化发布
响应 CDN 上的发布
CDN 上的启动版本
CDN 上的 Bootstrap TouchCarousel 版本
CDN 上的Hammer.js版本
在 CDN 上 ASP.NET Web 窗体和 Ajax 版本
CDN 上的 ASP.NET MVC 版本
CDN 上的 ASP.NET SignalR 版本
Microsoft Ajax 内容分发网络(CDN)托管常用的第三方 JavaScript 库(如 jQuery),使你可以轻松地将它们添加到 Web 应用程序。 例如,只需将脚本>标记添加到<指向 ajax.aspnetcdn.com 的页面,即可开始使用此 CDN 上托管的 jQuery。
利用 CDN,可以显著提高 Ajax 应用程序的性能。 CDN 的内容缓存在世界各地的服务器上。 此外,CDN 还允许浏览器为位于不同域中的网站重复使用缓存的第三方 JavaScript 文件。
如果需要使用安全套接字层提供网页,CDN 支持 SSL(HTTPS)。
CDN 托管已上传并已获得这些库所有者许可的以下第三方脚本库:
Microsoft Ajax CDN 还包括Microsoft上传的以下库:
Microsoft不声明对此 CDN 上托管的任何第三方库的所有权。 这些库的版权所有者将授权这些库给你。 你可能必须下载和使用此类库的任何权利仅由相应的版权所有者授予。 由于这些库不是Microsoft库,因此Microsoft没有为此 CDN 上托管的第三方库提供担保或知识产权许可证(包括无隐含专利权)。
如果想要提交 JavaScript 库,并且你的库是其中一个顶级 JavaScript 库(如上 http://trends.builtwith.com所列)或扩展/插件之一,这些库(a)很受欢迎;或者(b)有助于在 ASP.NET 上使用,请联系 AjaxCDNSubmission@Microsoft.com。
用于使用 microsoft.com 域名的 CDN 已更改为使用 aspnetcdn.com 域名。 此更改是为了提高性能,因为当浏览器引用 microsoft.com 域时,它会随每个请求一起从该域发送任何 Cookie。 通过重命名为除 microsoft.com 性能以外的域名,可以增加到 25%。 请注意,ajax.microsoft.com 将继续正常运行,但建议使用 ajax.aspnetcdn.com。
若要在 Visual Studio 2008 中正确使用 .vsdoc 文件,需要确保已安装 VS 2008 SP1 并安装 vsdoc 文件的修补程序。 可以从此处获取这些内容:
Visual Studio 2010 支持 .vsdoc 文件,无需任何其他修补程序。
使用 ASP.NET 4 时,可以将 ASP.NET 框架脚本的所有请求重定向到 CDN。 从 CDN 检索脚本而不是本地 Web 服务器可以显著提高公共 ASP.NET 网站的性能。
使用 ScriptManager EnableCDN 属性将所有 ASP.NET 框架脚本请求重定向到 Microsoft Ajax CDN:
<asp:ScriptManager
ID="ScriptManager1"
EnableCdn="true"
Runat="Server" />
可以通过将以下脚本元素添加到页面,在 Web 应用程序中使用在 CDN 上托管的 jQuery 脚本:
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.js"></script>
CDN 还包括 jQuery 脚本的缩小版本,可以使用以下元素获取该脚本:
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
若要允许页面在 CDN 不可用时从自己的网站上本地路径加载 jQuery,请在引用 CDN 的元素后立即添加以下元素:
<script>
// Fallback to loading jQuery from a local path if the CDN is unavailable
(window.jQuery || document.write('<script src="/scripts/jquery-1.9.0.min.js"><\/script>'));
</script>
以下示例页使用 jQuery 库的 CDN 版本(回退到本地副本)在单击按钮时显示 div 元素的内容。
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>jQuery from Microsoft AJAX CDN</title>
</head>
<body>
<button id="btn">Show Message</button>
<div id="message" style="display:none">
<h1>Hello from jQuery!</h1>
</div>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
<script>
// Fallback to loading jQuery from a local path if the CDN is unavailable
(window.jQuery || document.write('<script src="/scripts/jquery-1.9.0.min.js"><\/script>'));
</script>
<script>
function domReady() {
$('#btn').click( showMessage );
}
function showMessage() {
$('#message').fadeIn('slow');
}
$( domReady );
</script>
</body>
</html>
可以通过访问 jQuery 网站详细了解 jQuery 并下载 jQuery 的本地副本。
CDN 还托管 jQuery UI 库。 jQuery UI 库包含一组丰富的小组件和效果,可在 ASP.NET 应用程序中使用。 例如,以下页面演示了如何在 ASP.NET Web 窗体应用程序的上下文中使用 jQuery UI Datepicker 来显示弹出日历:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="TestjQueryUICDN.WebForm1" %>
<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Using jQuery UI from the CDN</title>
<link rel="Stylesheet" href="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/themes/redmond/jquery-ui.css" />
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="txtStartDate" ClientIDMode="Static" runat="server" />
</div>
</form>
<script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-1.8.0.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.22/jquery-ui.js"></script>
<script>
$("#txtStartDate").datepicker();
</script>
</body>
</html>
使用键盘将焦点移动到 TextBox 时,将显示日历:
请注意,必须在上面的代码中包含 CDN 中的三个文件:
所有标准 jQuery UI 主题都托管在 CDN 上。 访问此页面 以查看每个主题的缩略图。
若要了解有关 jQuery UI 库的详细信息,请访问官方 jQuery UI 网站。
CDN 托管了一些最受欢迎的第三方 JavaScript 库。 Microsoft不声明对此 CDN 上托管的任何第三方库的所有权。 这些库的版权所有者将授权这些库给你。 你可能必须下载和使用此类库的任何权利仅由相应的版权所有者授予。 由于这些库不是Microsoft库,因此Microsoft没有为此 CDN 上托管的第三方库提供担保或知识产权许可证(包括无隐含专利权)。
以下版本的 jQuery 托管在 CDN 上:
以下版本的 jQuery Migrate 托管在 CDN 上:
jQuery Migrate 版本 1.2.0
jQuery UI 库的以下版本托管在此 CDN 上。 单击每个链接可查看文件的实际列表。
jQuery 验证插件的以下版本托管在此 CDN 上。 单击每个链接可查看文件的实际列表。
jQuery Mobile 库的以下版本托管在此 CDN 上。 单击每个链接可查看文件的实际列表。
此 CDN 上托管了以下版本的 jQuery 模板插件。 单击每个链接可查看文件的实际列表。
jQuery Cycle 插件的以下版本托管在此 CDN 上。 单击每个链接可查看文件的实际列表。
jQuery DataTables 插件的以下版本托管在此 CDN 上。 单击每个链接可查看文件的实际列表。
以下版本的 Modernizr 托管在 CDN 上:
JSHint 的以下版本托管在 CDN 上:
CDN 上托管了以下版本的 Knockout :
以下版本的 Globalize 托管在 CDN 上:
https://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js
https://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.js
https://ajax.aspnetcdn.com/ajax/globalize/0.1.1/cultures/globalize.cultures.js
所有区域性
将“{culture-code}”替换为所需的区域性代码,例如,globalize.culture.en-GB.js== Microsoft CDN 上的文件 ==这些库由Microsoft上传。
GETBOOTSTRAP.COM 启动的以下版本托管在 CDN 上:
以下 Bootstrap https://github.com/ixisio/bootstrap-touch-carousel TouchCarousel 版本托管在 CDN 上:
HAMMER.JS版本的以下版本 http://hammerjs.github.io/ 托管在 CDN 上:
ASP.NET Ajax 库的以下版本托管在 CDN 上。 单击每个链接可查看文件的实际列表。
以下 ASP.NET MVC JavaScript 文件托管在此 CDN 上:
对于 SignalR,我们建议使用第三方 CDN,例如 <cdnjs>
或 UNPKG。
以下 ASP.NET SignalR JavaScript 文件托管在此 CDN 上:
有关 CDN 使用条款的信息,请参阅 Microsoft Ajax CDN 使用条款。
培训
模块
使用 Azure CDN 和 Blob 服务为网站创建内容分发网络 - Training
了解如何在 Azure 中创建内容分发网络 (CDN) 并用它来托管网站中的图像等常用资产。 该模块介绍 Azure CDN,以及如何将 Blob 存储用作基础存储模型来获得稳定数据或非易失性数据。