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

相关文章

全网最全Tomcat完全卸载重装教程小结

《全网最全Tomcat完全卸载重装教程小结》windows系统卸载Tomcat重新通过ZIP方式安装Tomcat,优点是灵活可控,适合开发者自定义配置,手动配置环境变量后,可通过命令行快速启动和管理... 目录一、完全卸载Tomcat1. 停止Tomcat服务2. 通过控制面板卸载3. 手动删除残留文件4.

使用EasyPoi快速导出Word文档功能的实现步骤

《使用EasyPoi快速导出Word文档功能的实现步骤》EasyPoi是一个基于ApachePOI的开源Java工具库,旨在简化Excel和Word文档的操作,本文将详细介绍如何使用EasyPoi快速... 目录一、准备工作1、引入依赖二、准备好一个word模版文件三、编写导出方法的工具类四、在Export

利用Python操作Word文档页码的实际应用

《利用Python操作Word文档页码的实际应用》在撰写长篇文档时,经常需要将文档分成多个节,每个节都需要单独的页码,下面:本文主要介绍利用Python操作Word文档页码的相关资料,文中通过代码... 目录需求:文档详情:要求:该程序的功能是:总结需求:一次性处理24个文档的页码。文档详情:1、每个

Python的pandas库基础知识超详细教程

《Python的pandas库基础知识超详细教程》Pandas是Python数据处理核心库,提供Series和DataFrame结构,支持CSV/Excel/SQL等数据源导入及清洗、合并、统计等功能... 目录一、配置环境二、序列和数据表2.1 初始化2.2  获取数值2.3 获取索引2.4 索引取内容2

python依赖管理工具UV的安装和使用教程

《python依赖管理工具UV的安装和使用教程》UV是一个用Rust编写的Python包安装和依赖管理工具,比传统工具(如pip)有着更快、更高效的体验,:本文主要介绍python依赖管理工具UV... 目录前言一、命令安装uv二、手动编译安装2.1在archlinux安装uv的依赖工具2.2从github

C++读写word文档(.docx)DuckX库的使用详解

《C++读写word文档(.docx)DuckX库的使用详解》DuckX是C++库,用于创建/编辑.docx文件,支持读取文档、添加段落/片段、编辑表格,解决中文乱码需更改编码方案,进阶功能含文本替换... 目录一、基本用法1. 读取文档3. 添加段落4. 添加片段3. 编辑表格二、进阶用法1. 文本替换2

C#实现SHP文件读取与地图显示的完整教程

《C#实现SHP文件读取与地图显示的完整教程》在地理信息系统(GIS)开发中,SHP文件是一种常见的矢量数据格式,本文将详细介绍如何使用C#读取SHP文件并实现地图显示功能,包括坐标转换、图形渲染、平... 目录概述功能特点核心代码解析1. 文件读取与初始化2. 坐标转换3. 图形绘制4. 地图交互功能缩放

Python实现自动化删除Word文档超链接的实用技巧

《Python实现自动化删除Word文档超链接的实用技巧》在日常工作中,我们经常需要处理各种Word文档,本文将深入探讨如何利用Python,特别是借助一个功能强大的库,高效移除Word文档中的超链接... 目录为什么需要移除Word文档超链接准备工作:环境搭建与库安装核心实现:使用python移除超链接的

SpringBoot集成redisson实现延时队列教程

《SpringBoot集成redisson实现延时队列教程》文章介绍了使用Redisson实现延迟队列的完整步骤,包括依赖导入、Redis配置、工具类封装、业务枚举定义、执行器实现、Bean创建、消费... 目录1、先给项目导入Redisson依赖2、配置redis3、创建 RedissonConfig 配

C#实现一键批量合并PDF文档

《C#实现一键批量合并PDF文档》这篇文章主要为大家详细介绍了如何使用C#实现一键批量合并PDF文档功能,文中的示例代码简洁易懂,感兴趣的小伙伴可以跟随小编一起学习一下... 目录前言效果展示功能实现1、添加文件2、文件分组(书签)3、定义页码范围4、自定义显示5、定义页面尺寸6、PDF批量合并7、其他方法