Kendo UI使用教程:CDN服务
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中文网!
扫描关注慧聚IT微信公众号,及时获取最新动态及最新资讯
最新文章
- 利用跨域请求来隐藏firbug控制台中的Ajax请求
- 使用 github + jekyll 搭建个人博客
- Atitit. BigConfirmTips 控件 大数据量提示确认控件的原理and总结O9
- xshell5 启动显示 mfc110.dll msvcp110.dll 未找到问题 解决办法
- Xcode7,消失的pin菜单(Editor->;pin)
- HDOJ/HDU 2352 Verdis Quo(罗马数字与10进制数的转换)
- [置顶] .net技术类面试、笔试题汇总3
- PHP设计模式之委托模式
- vim Diff,Easy,Read-Only 的区别
- 在WIN7笔记本电脑系统的建立WIFI热点
- TFS-Git官方教程
- 微信公众号开发前端获取openId
- luogu P4931 情侣?给我烧了!
- 字典排序 sorted
- python接口自动化测试六:时间戳,防重复处理
- Django框架(十) Django之模型进阶
- word2010怎么把白色方框变成黑色方框?
- 一种基于URL数据源的WEB报表插件
- Alpha冲刺报告(9/12)(麻瓜制造者)
- Flash网页mp3播放器代码(3例)