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虚拟环境终极(含PyCharm的使用教程)

《Python虚拟环境终极(含PyCharm的使用教程)》:本文主要介绍Python虚拟环境终极(含PyCharm的使用教程),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录一、为什么需要虚拟环境?二、虚拟环境创建方式对比三、命令行创建虚拟环境(venv)3.1 基础命令3

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例

python连接本地SQL server详细图文教程

《python连接本地SQLserver详细图文教程》在数据分析领域,经常需要从数据库中获取数据进行分析和处理,下面:本文主要介绍python连接本地SQLserver的相关资料,文中通过代码... 目录一.设置本地账号1.新建用户2.开启双重验证3,开启TCP/IP本地服务二js.python连接实例1.

Python 安装和配置flask, flask_cors的图文教程

《Python安装和配置flask,flask_cors的图文教程》:本文主要介绍Python安装和配置flask,flask_cors的图文教程,本文通过图文并茂的形式给大家介绍的非常详细,... 目录一.python安装:二,配置环境变量,三:检查Python安装和环境变量,四:安装flask和flas

Spring Security基于数据库的ABAC属性权限模型实战开发教程

《SpringSecurity基于数据库的ABAC属性权限模型实战开发教程》:本文主要介绍SpringSecurity基于数据库的ABAC属性权限模型实战开发教程,本文给大家介绍的非常详细,对大... 目录1. 前言2. 权限决策依据RBACABAC综合对比3. 数据库表结构说明4. 实战开始5. MyBA

Java利用docx4j+Freemarker生成word文档

《Java利用docx4j+Freemarker生成word文档》这篇文章主要为大家详细介绍了Java如何利用docx4j+Freemarker生成word文档,文中的示例代码讲解详细,感兴趣的小伙伴... 目录技术方案maven依赖创建模板文件实现代码技术方案Java 1.8 + docx4j + Fr

Ubuntu中远程连接Mysql数据库的详细图文教程

《Ubuntu中远程连接Mysql数据库的详细图文教程》Ubuntu是一个以桌面应用为主的Linux发行版操作系统,这篇文章主要为大家详细介绍了Ubuntu中远程连接Mysql数据库的详细图文教程,有... 目录1、版本2、检查有没有mysql2.1 查询是否安装了Mysql包2.2 查看Mysql版本2.

Elasticsearch 在 Java 中的使用教程

《Elasticsearch在Java中的使用教程》Elasticsearch是一个分布式搜索和分析引擎,基于ApacheLucene构建,能够实现实时数据的存储、搜索、和分析,它广泛应用于全文... 目录1. Elasticsearch 简介2. 环境准备2.1 安装 Elasticsearch2.2 J

使用C#代码在PDF文档中添加、删除和替换图片

《使用C#代码在PDF文档中添加、删除和替换图片》在当今数字化文档处理场景中,动态操作PDF文档中的图像已成为企业级应用开发的核心需求之一,本文将介绍如何在.NET平台使用C#代码在PDF文档中添加、... 目录引言用C#添加图片到PDF文档用C#删除PDF文档中的图片用C#替换PDF文档中的图片引言在当

详解C#如何提取PDF文档中的图片

《详解C#如何提取PDF文档中的图片》提取图片可以将这些图像资源进行单独保存,方便后续在不同的项目中使用,下面我们就来看看如何使用C#通过代码从PDF文档中提取图片吧... 当 PDF 文件中包含有价值的图片,如艺术画作、设计素材、报告图表等,提取图片可以将这些图像资源进行单独保存,方便后续在不同的项目中使