Kendo UI使用教程:CDN服務(wù)
Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四個控件。Kendo UI for jQuery是創(chuàng)建現(xiàn)代Web應(yīng)用程序的最完整UI庫;Kendo UI for Angular是專用于Angular開發(fā)的專業(yè)級Angular UI組件;Kendo UI Support for React支持React Javascript框架,更快地構(gòu)建更好的應(yīng)用程序;Kendo UI Support for Vue為Vue技術(shù)框架提供可用的Kendo UI組件,更快地構(gòu)建更好的Vue應(yīng)用程序。
Kendo UI CDN托管在Amazon CloudFront上。
訪問CDN
要訪問Kendo UI CDN服務(wù),您可以使用以下任一方法:
- HTTP協(xié)議
- HTTPS協(xié)議
使用HTTP
所有JavaScript文件的縮小版本均可在以下位置獲得:
- http://kendo.cdn.telerik.com/VERSION/js/FILENAME.min.js
- http://kendo.cdn.telerik.com/VERSION/styles/FILENAME.min.css
例如,可以從以下位置加載2019.2.619版本:
- http://kendo.cdn.telerik.com/2019.2.619/js/kendo.all.min.js
- http://kendo.cdn.telerik.com/2019.2.619/styles/kendo.common.min.css
注意:只有Kendo UI官方發(fā)行版和服務(wù)包才會上傳到CDN,內(nèi)部版本不會發(fā)布到CDN。
截至Kendo UI Q1 2014 SP1發(fā)布,已經(jīng)提供了縮小的Kendo UI腳本。 要加載它們,請使用http://kendo.cdn.telerik.com/2019.2.619/js/kendo.ui.core.min.js URL。
注意:http://cdn.kendostatic.com/ URL仍然有效,但不再推薦用于新項目。
使用HTTPS
要通過HTTPS協(xié)議訪問Kendo UI CDN服務(wù),請使用與上述相同的主機名,并將方案(協(xié)議)替換為https-https://kendo.cdn.telerik.com/2019.2.619/js/kendo.all.min.js。
注意:https://da7xgjtj801h2.cloudfront.net/ URL保持激活狀態(tài),但不再推薦用于新項目。
故障排除
本節(jié)提供使用Kendo UI CDN服務(wù)時可能遇到的常見問題解決方案。
處理中斷和連接問題
雖然Amazon CloudFront服務(wù)提供可靠的正常運行時間支持,但您可能會遇到中斷或連接問題。 在http://status.aws.amazon.com/上檢查系統(tǒng)狀態(tài)后,CDN狀態(tài)將報告為正常并正常運行。
您可能遇到Internet、網(wǎng)絡(luò)連接或DNS問題。 防火墻,防病毒軟件或其他安全軟件也可能錯誤地過濾掉CDN腳本或者即時修改(中斷)它們。
解決方案:請聯(lián)系您的系統(tǒng)管理員,因為遠(yuǎn)程調(diào)查連接問題超出了Kendo UI支持團(tuán)隊的范圍。
從CDN引用帶有本地腳本回退的Kendo UI
Kendo UI內(nèi)部版本不會上傳到CDN上,因為它們僅適用于擁有商業(yè)許可的客戶,只有主要版本和Service Pack才會上傳到Kendo UI CDN上。
解決方案:對于內(nèi)部版本,請使用私有CDN服務(wù)。 建議在使用任何類型的CDN時實施本地回退。
示例:
<!DOCTYPE html> <html> <head><title>Welcome to Kendo UI</title><link rel="stylesheet" href="http://kendo.cdn.telerik.com/2019.2.619/styles/kendo.common.min.css" /><link rel="stylesheet" href="http://kendo.cdn.telerik.com/2019.2.619/styles/kendo.blueopal.min.css" /> <script src="http://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="http://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>
Kendo UI R2 2019 SP1全新發(fā)布,最新動態(tài)請持續(xù)關(guān)注Telerik中文網(wǎng)!
掃描關(guān)注慧聚IT微信公眾號,及時獲取最新動態(tài)及最新資訊