Kendo UI使用教程:CDN服务

原创|使用教程|编辑:龚雪|2019-07-18 14:10:39.647|阅读 80 次

概述:Kendo UI目前最新提供Kendo UI for jQuery、Kendo UI for Angular、Kendo UI Support for React和Kendo UI Support for Vue四个控件,本教程为大家介绍如何开始使用Kendo UI的CDN服务。

相关链接:

Kendo UI最新试用版下载

Kendo UI目前最新提供Kendo UI for jQueryKendo UI for AngularKendo UI Support for ReactKendo 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中文网!

扫描关注慧聚IT微信公众号,及时获取最新动态及最新资讯

慧聚IT微信公众号


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果

文章转载自:慧都网

登录 慧都网发表评论


暂无评论...

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
title
相关厂商
相关产品
Kendo UI

全新升级的Kendo UI,是创建数据丰富的Web应用程序的最完整UI库。

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应用程序。

在线
客服
在线
QQ
电话
咨询
400-700-1020
购物车 反馈 返回
顶部
在线客服系统
live chat