日韩欧美亚洲精品,欧美干叉,午夜一区二区三区

Kendo UI使用教程：CDN服務

原創|使用教程|編輯：龔雪|2019-07-18 14:10:39.647|閱讀 463 次

概述：Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四個控件，本教程為大家介紹如何開始使用Kendo UI的CDN服務。

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

相關鏈接：

【Kendo UI最新試用版下載】

Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四個控件。Kendo UI for jQuery是創建現代Web應用程序的最完整UI庫；Kendo UI for Angular是專用于Angular開發的專業級Angular UI組件；Kendo UI Support for React支持React Javascript框架，更快地構建更好的應用程序；Kendo UI Support for Vue為Vue技術框架提供可用的Kendo UI組件，更快地構建更好的Vue應用程序。

Kendo UI CDN托管在上。

訪問CDN

要訪問Kendo UI CDN服務，您可以使用以下任一方法：

HTTP協議
HTTPS協議

使用HTTP

所有JavaScript文件的縮小版本均可在以下位置獲得：

//kendo.cdn.telerik.com/VERSION/js/FILENAME.min.js
//kendo.cdn.telerik.com/VERSION/styles/FILENAME.min.css

例如，可以從以下位置加載2019.2.619版本：

//kendo.cdn.telerik.com/2019.2.619/js/kendo.all.min.js
//kendo.cdn.telerik.com/2019.2.619/styles/kendo.common.min.css

注意：只有Kendo UI官方發行版和服務包才會上傳到CDN，內部版本不會發布到CDN。

截至Kendo UI Q1 2014 SP1發布，已經提供了縮小的Kendo UI腳本。要加載它們，請使用//kendo.cdn.telerik.com/2019.2.619/js/kendo.ui.core.min.js URL。

注意：//cdn.kendostatic.com/ URL仍然有效，但不再推薦用于新項目。

使用HTTPS

要通過HTTPS協議訪問Kendo UI CDN服務，請使用與上述相同的主機名，并將方案（協議）替換為https-https：//kendo.cdn.telerik.com/2019.2.619/js/kendo.all.min.js。

注意：//da7xgjtj801h2.cloudfront.net/ URL保持激活狀態，但不再推薦用于新項目。

故障排除

本節提供使用Kendo UI CDN服務時可能遇到的常見問題解決方案。

處理中斷和連接問題

雖然提供可靠的正常運行時間支持，但您可能會遇到中斷或連接問題。在//status.aws.amazon.com/上檢查系統狀態后，CDN狀態將報告為正常并正常運行。

您可能遇到Internet、網絡連接或DNS問題。防火墻，防病毒軟件或其他安全軟件也可能錯誤地過濾掉CDN腳本或者即時修改（中斷）它們。

解決方案：請聯系您的系統管理員，因為遠程調查連接問題超出了Kendo UI支持團隊的范圍。

從CDN引用帶有本地腳本回退的Kendo UI

Kendo UI內部版本不會上傳到CDN上，因為它們僅適用于擁有商業許可的客戶，只有主要版本和Service Pack才會上傳到Kendo UI CDN上。

解決方案：對于內部版本，請使用私有CDN服務。建議在使用任何類型的CDN時實施本地回退。

示例：

<!DOCTYPE html>
  <html>
  <head><title>Welcome to Kendo UI</title><link rel="stylesheet" href="//kendo.cdn.telerik.com/2019.2.619/styles/kendo.common.min.css" /><link rel="stylesheet" href="//kendo.cdn.telerik.com/2019.2.619/styles/kendo.blueopal.min.css" />
<script src="//kendo.cdn.telerik.com/2019.2.619/js/jquery.min.js"></script>
  <script>
  if (typeof jQuery == "undefined") {
  // fallback to local jQuery
  document.write(decodeURIComponent('%3Cscript src="/path/to/local/jquery.min.js" %3E%3C/script%3E'));
  }
  </script>
<script src="//kendo.cdn.telerik.com/2019.2.619/js/kendo.all.min.js"></script>
  <script>
  if (typeof kendo == "undefined") {
  // checking for loaded CSS files is cumbersome,
  // that's why we assume that if the scripts have failed, so have the stylesheets
// fallback to local Kendo UI stylesheets
  document.write(decodeURIComponent('%3Clink rel="stylesheet" href="/path/to/local/kendo.common.min.css" %3C/%3E'));
  document.write(decodeURIComponent('%3Clink rel="stylesheet" href="/path/to/local/kendo.blueopal.min.css" %3C/%3E'));
// fallback to local Kendo UI scripts
  document.write(decodeURIComponent('%3Cscript src="/path/to/local/kendo.all.min.js" %3E%3C/script%3E'));
  // also add kendo.aspnetmvc.min.js or kendo.timezones.min.js, if needed
  }
  </script>
  </head>
  <body>
  Hello world!
  </body>
  </html>

掃描關注慧聚IT微信公眾號，及時獲取最新動態及最新資訊