2012 年 1 月 28 日,星期六

Microsoft CDN

使用 Javascript 库(例如 DataTables)时,你希望你的用户能够尽可能快地获取软件,而实现此目标的一个方法是使用 内容分发网络 (CDN)。CDN 提供经调优的边缘服务器,以非常低的延迟向网络浏览器提供媒体文件,并且当用户从 CDN 接收文件时,浏览器会将其缓存以供再次使用。这意味着使用相同 Javascript 库的不同网站可以共享巨大的性能提升,因为浏览器不需要从每个网站的不同服务器下载同一文件。

Microsoft 非常乐意 在其 CDN 上托管 DataTables,允许你作为使用 DataTables 的开发者利用他们的 CDN 及其附带的所有优势。Microsoft 的 Scott Guthrie 发表了一篇博客文章介绍 Microsoft CDN,并解释了它的工作原理。

随着 DataTables 在 Microsoft CDN 上提供,现在在你的网站上使用 DataTables 变得非常容易,同时还利用了使用 CDN 作为媒体存储库的优势。你甚至不需要在自己的服务器上包含任何媒体文件!

要在你的页面中包含 DataTables,只需包含以下 HTML

<!-- DataTables CSS -->
<link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css">

<!-- jQuery -->
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.2.min.js"></script>

<!-- DataTables -->
<script type="text/javascript" charset="utf8" src="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/jquery.dataTables.min.js"></script>

然后你可以像从其他服务器中包含脚本一样初始化 DataTables

<

pre class="brush: js; font-size: 75%"> $(document).ready(function(){ $('#example').dataTable(); }); ```

文件

从 CDN 使用 DataTables 时,有四个文件对你很重要

  • jquery.dataTables.js - DataTables - 未经缩小。对于调试特别有用。
  • jquery.dataTables.min.js - DataTables - 缩小。一般来说,这是用于部署要使用的 Javascript 文件。
  • jquery.dataTables.css - DataTables 的基本行内 CSS。此文件提供 DataTables 控制元素的基本定位和对表格进行样式设置。“dataTable”的类别应添加到你希望用作 DataTables 的任何表格(这将使用 DataTables 1.9 自动完成)。
  • jquery.dataTables_themeroller.css - 与 ThemeRoller 一起使用时,DataTables 的基本行内 CSS。与 jquery.dataTables.css 非常相似,并且有几个附加部分,以便将表格完全集成到 ThemeRoller 主题中。

其他文件 是可在 CDN 上提供的 CSS 图像文件,并且将根据需要自动包含。

示例

下表是 DataTable 的示例,该表使用 Microsoft CDN 提供的 DataTables

在独立页面中打开演示

结论

借此机会,我要感谢 Microsoft 和 Ajax CDN 团队,他们让 DataTables 在其 CDN 上有了新的家!我非常期待看到 DataTables 如何从这个出色的新资源中得到利用。