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

相关文章

C#借助Spire.XLS for .NET实现在Excel中添加文档属性

《C#借助Spire.XLSfor.NET实现在Excel中添加文档属性》在日常的数据处理和项目管理中,Excel文档扮演着举足轻重的角色,本文将深入探讨如何在C#中借助强大的第三方库Spire.... 目录为什么需要程序化添加Excel文档属性使用Spire.XLS for .NET库实现文档属性管理Sp

JavaWeb项目创建、部署、连接数据库保姆级教程(tomcat)

《JavaWeb项目创建、部署、连接数据库保姆级教程(tomcat)》:本文主要介绍如何在IntelliJIDEA2020.1中创建和部署一个JavaWeb项目,包括创建项目、配置Tomcat服务... 目录简介:一、创建项目二、tomcat部署1、将tomcat解压在一个自己找得到路径2、在idea中添加

Java利用Spire.Doc for Java实现在模板的基础上创建Word文档

《Java利用Spire.DocforJava实现在模板的基础上创建Word文档》在日常开发中,我们经常需要根据特定数据动态生成Word文档,本文将深入探讨如何利用强大的Java库Spire.Do... 目录1. Spire.Doc for Java 库介绍与安装特点与优势Maven 依赖配置2. 通过替换

Python + Streamlit项目部署方案超详细教程(非Docker版)

《Python+Streamlit项目部署方案超详细教程(非Docker版)》Streamlit是一款强大的Python框架,专为机器学习及数据可视化打造,:本文主要介绍Python+St... 目录一、针对 Alibaba Cloud linux/Centos 系统的完整部署方案1. 服务器基础配置(阿里

Spring IOC核心原理详解与运用实战教程

《SpringIOC核心原理详解与运用实战教程》本文详细解析了SpringIOC容器的核心原理,包括BeanFactory体系、依赖注入机制、循环依赖解决和三级缓存机制,同时,介绍了SpringBo... 目录1. Spring IOC核心原理深度解析1.1 BeanFactory体系与内部结构1.1.1

SpringBoot集成iText快速生成PDF教程

《SpringBoot集成iText快速生成PDF教程》本文介绍了如何在SpringBoot项目中集成iText9.4.0生成PDF文档,包括新特性的介绍、环境准备、Service层实现、Contro... 目录SpringBoot集成iText 9.4.0生成PDF一、iText 9新特性与架构变革二、环

C#实现插入与删除Word文档目录的完整指南

《C#实现插入与删除Word文档目录的完整指南》在日常的办公自动化或文档处理场景中,Word文档的目录扮演着至关重要的角色,本文将深入探讨如何利用强大的第三方库Spire.Docfor.NET,在C#... 目录Spire.Doc for .NET 库:Word 文档处理利器自动化生成:C# 插入 Word

2025最新版Android Studio安装及组件配置教程(SDK、JDK、Gradle)

《2025最新版AndroidStudio安装及组件配置教程(SDK、JDK、Gradle)》:本文主要介绍2025最新版AndroidStudio安装及组件配置(SDK、JDK、Gradle... 目录原生 android 简介Android Studio必备组件一、Android Studio安装二、A

前端Visual Studio Code安装配置教程之下载、汉化、常用组件及基本操作

《前端VisualStudioCode安装配置教程之下载、汉化、常用组件及基本操作》VisualStudioCode是微软推出的一个强大的代码编辑器,功能强大,操作简单便捷,还有着良好的用户界面,... 目录一、Visual Studio Code下载二、汉化三、常用组件1、Auto Rename Tag2

JavaScript装饰器从基础到实战教程

《JavaScript装饰器从基础到实战教程》装饰器是js中一种声明式语法特性,用于在不修改原始代码的情况下,动态扩展类、方法、属性或参数的行为,本文将从基础概念入手,逐步讲解装饰器的类型、用法、进阶... 目录一、装饰器基础概念1.1 什么是装饰器?1.2 装饰器的语法1.3 装饰器的执行时机二、装饰器的