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

相关文章

Nexus安装和启动的实现教程

《Nexus安装和启动的实现教程》:本文主要介绍Nexus安装和启动的实现教程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、Nexus下载二、Nexus安装和启动三、关闭Nexus总结一、Nexus下载官方下载链接:DownloadWindows系统根

C#实现将Office文档(Word/Excel/PDF/PPT)转为Markdown格式

《C#实现将Office文档(Word/Excel/PDF/PPT)转为Markdown格式》Markdown凭借简洁的语法、优良的可读性,以及对版本控制系统的高度兼容性,逐渐成为最受欢迎的文档格式... 目录为什么要将文档转换为 Markdown 格式使用工具将 Word 文档转换为 Markdown(.

CnPlugin是PL/SQL Developer工具插件使用教程

《CnPlugin是PL/SQLDeveloper工具插件使用教程》:本文主要介绍CnPlugin是PL/SQLDeveloper工具插件使用教程,具有很好的参考价值,希望对大家有所帮助,如有错... 目录PL/SQL Developer工具插件使用安装拷贝文件配置总结PL/SQL Developer工具插

详解如何使用Python构建从数据到文档的自动化工作流

《详解如何使用Python构建从数据到文档的自动化工作流》这篇文章将通过真实工作场景拆解,为大家展示如何用Python构建自动化工作流,让工具代替人力完成这些数字苦力活,感兴趣的小伙伴可以跟随小编一起... 目录一、Excel处理:从数据搬运工到智能分析师二、PDF处理:文档工厂的智能生产线三、邮件自动化:

Python实现自动化Word文档样式复制与内容生成

《Python实现自动化Word文档样式复制与内容生成》在办公自动化领域,高效处理Word文档的样式和内容复制是一个常见需求,本文将展示如何利用Python的python-docx库实现... 目录一、为什么需要自动化 Word 文档处理二、核心功能实现:样式与表格的深度复制1. 表格复制(含样式与内容)2

Java中的登录技术保姆级详细教程

《Java中的登录技术保姆级详细教程》:本文主要介绍Java中登录技术保姆级详细教程的相关资料,在Java中我们可以使用各种技术和框架来实现这些功能,文中通过代码介绍的非常详细,需要的朋友可以参考... 目录1.登录思路2.登录标记1.会话技术2.会话跟踪1.Cookie技术2.Session技术3.令牌技

Python使用Code2flow将代码转化为流程图的操作教程

《Python使用Code2flow将代码转化为流程图的操作教程》Code2flow是一款开源工具,能够将代码自动转换为流程图,该工具对于代码审查、调试和理解大型代码库非常有用,在这篇博客中,我们将深... 目录引言1nVflRA、为什么选择 Code2flow?2、安装 Code2flow3、基本功能演示

Java Spring 中的监听器Listener详解与实战教程

《JavaSpring中的监听器Listener详解与实战教程》Spring提供了多种监听器机制,可以用于监听应用生命周期、会话生命周期和请求处理过程中的事件,:本文主要介绍JavaSprin... 目录一、监听器的作用1.1 应用生命周期管理1.2 会话管理1.3 请求处理监控二、创建监听器2.1 Ser

MySQL 安装配置超完整教程

《MySQL安装配置超完整教程》MySQL是一款广泛使用的开源关系型数据库管理系统(RDBMS),由瑞典MySQLAB公司开发,目前属于Oracle公司旗下产品,:本文主要介绍MySQL安装配置... 目录一、mysql 简介二、下载 MySQL三、安装 MySQL四、配置环境变量五、配置 MySQL5.1

Maven项目中集成数据库文档生成工具的操作步骤

《Maven项目中集成数据库文档生成工具的操作步骤》在Maven项目中,可以通过集成数据库文档生成工具来自动生成数据库文档,本文为大家整理了使用screw-maven-plugin(推荐)的完... 目录1. 添加插件配置到 pom.XML2. 配置数据库信息3. 执行生成命令4. 高级配置选项5. 注意事