Dojo1.11官方教程文档翻译(2.1)CND

2024-03-11 04:48

本文主要是介绍Dojo1.11官方教程文档翻译(2.1)CND,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

2.1 CDN

原文地址:https://dojotoolkit.org/documentation/tutorials/1.10/cdn/index.html
本翻译GitBook地址:https://www.gitbook.com/book/limeng1900/dojo1-11-tutorials-translation-in-chinese/details
转载请注明出处http://blog.csdn.net/taijiedi13/ – 碎梦道


有时候,从CDN加载Dojo模块会很有用,但是这么做的同时再使用本地模块几乎不可能。本教程将演示如何实现它。

简介

有些时候,从内容发布网络加载Dojo模块是很有用的,例如当需要在任意地方做一个简单的测试案例,或者用来提供易于分发和运行的示例代码。可惜,由于模块路径的组织方式导致从CDN使用Dojo及自定义模块并非一个直观的过程。为了在CDN下使用自定义和本地模块,需要进行一些额外的配置。
经研究CDN库表明,使用CDN通常比本地脚本性能上要差很多,尤其是本地脚本可以通过内置层来显著减少HTTP往返。如果你想用CDN库来提高应用性能,最好还是仔细想想。

加载自己的模块

开始先来一个简单页面,它包含了源于CDN的Dojo加载器:

<!DOCTYPE html>
<html><head><title>Demo</title></head><body><script data-dojo-config="async: 1"src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script></body>
</html>

这段代码确保Dojo加载器开启了AMD功能,从而可以用require来加载其他模块。
Dojo1.7之前,跨域Dojo 加载器脚本是 dojo.xd.js。得益于AMD对跨域加载的原生支持,这个脚本就不再是必需的了。另外,注意在URL脚本里没有http:,这意味着对于当前页面从CDN加载脚本时也会使用相同的协议(例如:如果当前页面通过HTTPS加载也一样)。
接下来,我们需要通过设置dojoBlankHtmlUrl 属性使Dojo访问dojo/resources/blank.html 的本地副本文件,从而确保模块(如dojo/hash)开启跨域功能:

<script data-dojo-config="async: 1, dojoBlankHtmlUrl: '/path/to/blank.html'"src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>

最后,需要定义本地模块包的位置:

<script data-dojo-config="async: 1, dojoBlankHtmlUrl: '/blank.html',packages: [ {name: 'custom',location: location.pathname.replace(/\/[^/]+$/, '') + '/js/custom'} ]"src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>

注意本地包的位置是用从当前HTM文件获取的路径生成的绝对路径伪装的。Dojo1.10加载器要正确处理本地模块必须使用绝对路径。需要的话 dojoBlankHtmlUrl 关键字也可以使用同样的伪装。
现在完成了包含本地模块的包的定义,就可以像普通模块一样require了:

require([ 'custom/thinger' ], function(thinger){ … });

View Demo

警告

不像旧的Dojo加载器,你在使用CDN创建模块时不用做别的事。但是,你使用源于CDN的Dojo加载器时可能会有一个问题:

  • 由于跨源的安全限制,使用dojo/text 插件加载未创建或远程AMD模块会失败。(AMD的编译版本不受影响,因为编译系统已淘汰了对dojo/text 调用。)

小结

基于CDN版本的Dojo在某些情况下是很有用的。感谢基于AMD的新系统,让我们在从CDN加载Dojo时使用自定义本地模块时,只需要做几个简单的配置变化。

链接

  • Dojo configuration reference guide
  • 更多CDN库的信息: Google CDN 和Yandex CDN

这篇关于Dojo1.11官方教程文档翻译(2.1)CND的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/796682

相关文章

使用Python快速实现链接转word文档

《使用Python快速实现链接转word文档》这篇文章主要为大家详细介绍了如何使用Python快速实现链接转word文档功能,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 演示代码展示from newspaper import Articlefrom docx import

Ubuntu固定虚拟机ip地址的方法教程

《Ubuntu固定虚拟机ip地址的方法教程》本文详细介绍了如何在Ubuntu虚拟机中固定IP地址,包括检查和编辑`/etc/apt/sources.list`文件、更新网络配置文件以及使用Networ... 1、由于虚拟机网络是桥接,所以ip地址会不停地变化,接下来我们就讲述ip如何固定 2、如果apt安

PyCharm 接入 DeepSeek最新完整教程

《PyCharm接入DeepSeek最新完整教程》文章介绍了DeepSeek-V3模型的性能提升以及如何在PyCharm中接入和使用DeepSeek进行代码开发,本文通过图文并茂的形式给大家介绍的... 目录DeepSeek-V3效果演示创建API Key在PyCharm中下载Continue插件配置Con

Deepseek R1模型本地化部署+API接口调用详细教程(释放AI生产力)

《DeepseekR1模型本地化部署+API接口调用详细教程(释放AI生产力)》本文介绍了本地部署DeepSeekR1模型和通过API调用将其集成到VSCode中的过程,作者详细步骤展示了如何下载和... 目录前言一、deepseek R1模型与chatGPT o1系列模型对比二、本地部署步骤1.安装oll

在不同系统间迁移Python程序的方法与教程

《在不同系统间迁移Python程序的方法与教程》本文介绍了几种将Windows上编写的Python程序迁移到Linux服务器上的方法,包括使用虚拟环境和依赖冻结、容器化技术(如Docker)、使用An... 目录使用虚拟环境和依赖冻结1. 创建虚拟环境2. 冻结依赖使用容器化技术(如 docker)1. 创

浅析如何使用Swagger生成带权限控制的API文档

《浅析如何使用Swagger生成带权限控制的API文档》当涉及到权限控制时,如何生成既安全又详细的API文档就成了一个关键问题,所以这篇文章小编就来和大家好好聊聊如何用Swagger来生成带有... 目录准备工作配置 Swagger权限控制给 API 加上权限注解查看文档注意事项在咱们的开发工作里,API

Spring Boot整合log4j2日志配置的详细教程

《SpringBoot整合log4j2日志配置的详细教程》:本文主要介绍SpringBoot项目中整合Log4j2日志框架的步骤和配置,包括常用日志框架的比较、配置参数介绍、Log4j2配置详解... 目录前言一、常用日志框架二、配置参数介绍1. 日志级别2. 输出形式3. 日志格式3.1 PatternL

MySQL8.2.0安装教程分享

《MySQL8.2.0安装教程分享》这篇文章详细介绍了如何在Windows系统上安装MySQL数据库软件,包括下载、安装、配置和设置环境变量的步骤... 目录mysql的安装图文1.python访问网址2javascript.点击3.进入Downloads向下滑动4.选择Community Server5.

CentOS系统Maven安装教程分享

《CentOS系统Maven安装教程分享》本文介绍了如何在CentOS系统中安装Maven,并提供了一个简单的实际应用案例,安装Maven需要先安装Java和设置环境变量,Maven可以自动管理项目的... 目录准备工作下载并安装Maven常见问题及解决方法实际应用案例总结Maven是一个流行的项目管理工具

本地私有化部署DeepSeek模型的详细教程

《本地私有化部署DeepSeek模型的详细教程》DeepSeek模型是一种强大的语言模型,本地私有化部署可以让用户在自己的环境中安全、高效地使用该模型,避免数据传输到外部带来的安全风险,同时也能根据自... 目录一、引言二、环境准备(一)硬件要求(二)软件要求(三)创建虚拟环境三、安装依赖库四、获取 Dee