Kendo UI使用教程:CDN服务

Kendo UI使用教程:CDN服务Kendo UI for jQuery是创建现代Web应用程序的最完整UI库;Kendo UI for Angular是专用于Angular开发

大家好,欢迎来到IT知识分享网。

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托管在Amazon CloudFront上。

访问CDN

要访问Kendo UI CDN服务,您可以使用以下任一方法:

  • HTTP协议
  • HTTPS协议

使用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官方发行版和服务包才会上传到CDN,内部版本不会发布到CDN。

截至Kendo UI Q1 2014 SP1发布,已经提供了缩小的Kendo UI脚本。 要加载它们,请使用http://kendo.cdn.telerik.com/2019.2.619/js/kendo.ui.core.min.js URL。

注意:http://cdn.kendostatic.com/ URL仍然有效,但不再推荐用于新项目。

使用HTTPS

要通过HTTPS协议访问Kendo UI CDN服务,请使用与上述相同的主机名,并将方案(协议)替换为https-https://kendo.cdn.telerik.com/2019.2.619/js/kendo.all.min.js。

注意:https://da7xgjtj801h2.cloudfront.net/ URL保持激活状态,但不再推荐用于新项目。

故障排除

本节提供使用Kendo UI CDN服务时可能遇到的常见问题解决方案。

处理中断和连接问题

虽然Amazon CloudFront服务提供可靠的正常运行时间支持,但您可能会遇到中断或连接问题。 在http://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="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全新发布,最新动态请持续关注Telerik中文网!

https://www.kendouicn.com/

点击“了解更多”获取最新试用版!

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/82442.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信