Microsoft CDN
當使用像 DataTables 這樣的 JavaScript 函式庫時,您會希望您的使用者能夠盡快取得軟體,而達成此目標的一個方法是使用內容傳遞網路 (CDN)。CDN 提供邊緣伺服器,這些伺服器經過調整,可以為網頁瀏覽器提供非常低延遲的媒體檔案,並且當使用者從 CDN 接收檔案時,瀏覽器會快取該檔案以供重複使用。這表示使用相同 JavaScript 函式庫的不同網站可以共享大量的效能提升,因為瀏覽器不需要從不同網站的伺服器下載相同的檔案。
Microsoft 非常好心地提出將 DataTables 託管在他們的 CDN 上,讓您身為使用 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 的圖片檔案,將在需要時自動包含。
範例
下表是使用 Microsoft CDN 提供的 DataTables 的 DataTable 範例
結論
我想藉此機會感謝 Microsoft 和 Ajax CDN 團隊,讓 DataTables 在他們的 CDN 上有了新的家!我真的很期待看到 DataTables 如何從這個絕佳的新資源中被使用。