http://dojotoolkit.org/documentation/tutorials/1.10/cdn/index.html

从CDN上加载dojo模块时非常有用的。从CDN上加载Dojo并同时加载本地的模块看起来似乎不可能的，但在本教程中，我们将学习怎么达到本目的。

介绍

曾几何时，从CDN上加载dojo模块是很有用的。例如创建你一个简单的测试方案并且可以随时运行，或者提供易于分发和运行的代码。但直接从CDN上加载dojo，基于路径配置的本地自定义模型就不容易加载使用了。为了能够让CDN和本地自定义模型一起运行，需要在dojo上设置一些配置信息。

通过研究对比发现，使用CDN比使用本地托管的dojo库的性能表现差。特别是运用本地托管时，能够明显的减少HTTP请求次数。如果你是为了使用CDN来提高性能，那么你就要仔细衡量了。

加载我们的模块

使用cdn加载dojo模块，创建一个简单的页面，代码如下：

  1.  <!DOCTYPE html>
  2.  <html>
  3.      <head>
  4.          <title>Demo</title>
  5.      </head>
  6.      <body>
  7.          <script data-dojo-config="async: 1"
  8.              src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js"></script>
  9.      </body>
  10.  </html>

该代码设置了AMD（异步模块定义）机制打开，并可以加载dojo模块了。

在1.7版本之前，如果要跨域的话，需要加载dojo.xd.js。由于AMD的原生态支持跨域加载，所以这个就不在需要了。注意在脚本URL地址中有没有http:；this means that the same protocol will be used to load from the CDN as is used for the current page (i.e. if the current page loads over HTTPS, so will the code from the CDN).

下面我们要确认dojo是否可以访问本地的dojo/resources/blank.html文件，我们使用加载模块的方法测试是否能够访问该模块。代码如下。

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

下面我们需要定义本地包的路径。

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

Note that the local package location is using a little JavaScript trickery to create an absolute path that is derived from the path of the current HTML file.

注意，我们用了一小段javascript的欺骗性的代码，创建了一个可以连接到html文件的相对路径。在dojo1.10中，使用相对路径加载模块时一个非常正确的选择。这在dojoBlankHtmlUrl上也适用。如何可以，我们就可以定于本地的包，并加载模块。我们就可以像加载普通模块一样加载我们自己定义的模块了。

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

注意事项

Unlike the old Dojo loader, nothing different needs to be done when using built modules from CDN. However, there is an issue that you may run into when using Dojo loaded from CDN:

  • Attempting to load unbuilt, remote AMD modules that use the dojo/text plugin will fail due to cross-origin security restrictions. (Built versions of AMD modules are unaffected because the calls to dojo/text are eliminated by the build system.)

不同于以前的dojo加载器，在使用CDN上的dojo库时和使用本地的库没有什么区别。然后一般在cdn上调用dojo的时候，也会碰到一些常见的问题。

结论

CDN-based versions of Dojo can be useful in some circumstances. By making a few simple configuration changes, it is possible to use custom local modules while loading Dojo from a CDN, thanks to the new AMD-based module system.

链接

CDN（翻译）的更多相关文章

  1. 【翻译】浅析为何使用融合CDN是大趋势

    使用传统CDN的用户遇到的新问题 随着云计算时代的快速发展,尤其是流媒体大视频时代的到来,用户在是使用过往CDN节点资源调配将面临很多问题: 问题1: 流媒体时代不局限于静态内容分发,直播点播等视频服 ...

  2. MVC学习系列14--Bundling And Minification【捆绑和压缩】--翻译国外大牛的文章

    这个系列是,基础学习系列的最后一部分,这里,我打算翻译一篇国外的技术文章结束这个基础部分的学习:后面打算继续写深入学习MVC系列的文章,之所以要写博客,我个人觉得,做技术的,首先得要懂得分享,说不定你 ...

  3. 网页3D引擎“Babylon.JS”入门教程翻译总结

    使用三个月的业余时间把官方教程的入门部分译为中文并上传到github,在下一步编程前做一个总结. 历程: 最早接触游戏编程是在大三下学期,用汇编语言和实验室里的单片机.触摸屏.电机(提供声效)编的打地 ...

  4. CDN——到底用还是不用？

    最近在学bootstrap,在知乎上搜索bootstrap看到有人问bootstrap基础包体积较大,对性能影响会不会很大,看到两种方法来减少对性能的影响: 有选择地部分加载,bootstrap带有L ...

  5. 利用javascript和WebGL绘制地球 【翻译】

    利用javascript和WebGL绘制地球 [翻译] 原翻译:利用javascript和WebGL绘制地球 [翻译] 在我们所有已知的HTML5API中,WebGL可能是最有意思的一个,利用这个AP ...

  6. 分布式还是混合式? 谈CDN架构对服务质量的影响

    传统分布式模型 通 常,内容分发网络(CDN)採用分布式模型.在这样的模型里, 用户的文件存放在一个源server上.而且由大量边缘server负责分发这些文件.这些边缘server的磁盘空间比較小. ...

  7. 【技术干货】听阿里云CDN安防技术专家金九讲SystemTap使用技巧

    ​1.简介 SystemTap是一个Linux非常有用的调试(跟踪/探测)工具,常用于Linux 内核或者应用程序的信息采集,比如:获取一个函数里面运行时的变 量.调用堆栈,甚至可以直接修改变量的值, ...

  8. 【翻译】基于web创建逼真的3D图形 | CSS技巧

    个人翻译小站:http://www.zcfy.cc/article/creating-photorealistic-3d-graphics-on-the-web-css-tricks-4039.htm ...

  9. Livepeer中文白皮书(翻译)

    Livepeer Whitepaper 分布式视频流媒体传输协议及经济激励 Doug Petkanics doug@livepeer.org Eric Tang eric@livepeer.org 翻 ...

随机推荐

  1. 深入理解JavaScript系列：JavaScript的构成

    此篇文章不是干货类型,也算不上概念阐述,就是简单的进行一个思路上的整理. 要了解一样东西或者完成一件事情,首要的就是先要搞清楚他是什么.作为一个前端开发人员,JavaScript应该算作是最核心之一的 ...

  2. 深入理解JavaScript系列：史上最清晰的JavaScript的原型讲解

    一说起JavaScript就要谈的几个问题,原型就是其中的一个.说了句大话,史上最清晰.本来是想按照大纲式的行文写一下,但写到后边感觉其实就一个概念,没有什么条理性,所以下面就简单按照概念解释的模式谈 ...

  3. 在Android Studio和Android Eclipse 更改现有项目里的SDK版本

    一,在Eclipse下改项目里的SDK的版本方法有几种,都比较简单:1.右键单击项目--->properties---->Resource----->Android在Project ...

  4. SqlServer性能优化 性能调控（十）

    如何做资源的调控: 1.建立资源池. 2.创建工作负荷组 create resource pool ImporPool with ( min_cpu_percent=30,max_cpu_percen ...

  5. java生成二维码(需导入第三方ZXing.jar包)

    //这个类是用来解析,通过图片解析该图片的网页链接是什么 package util; import java.awt.Graphics2D;import java.awt.geom.AffineTra ...

  6. rtmp转m3u8

    不是所有的地址改成这样都能播 需要自己测试 先说一下rtmp的其中rtmp的常见的差不多是3种 1.一种是wowza服务器的 比如这个地址rtmp://116.55.245.135:8096/live ...

  7. C++ 箴言

    1.把C++当成一门新的语言学习: 2.看<Thinking In C++>,不要看<C++变成死相>: 3.看<The C++ Programming Language ...

  8. 关于URI URL URN

    刚琢磨.整理了关于escape.encodeURIComponent.encodeURI的知识.突然又对URI有点模糊了,遂整理了以下资源 : 资源一: URL,URI 和URN 的举例理解 资源二: ...

  9. Cantor的数表

    题目描述 如下数列,前5项分别是1/1,1/2,2/1,3/1,2/2…….输入n,输出第n项. 1/1   1/2   1/3   1/4   1/5 2/1   2/2   2/3   2/4 3 ...

  10. Java 第十周学习总结

    20145113<Java程序设计>第十周学习总结 基础知识 1.网络通讯的方式主要有两种 TCP(传输控制协议)方式:需要建立专用的虚拟连接以及确认传输是否正确 UDP(用户数据报协议) ...