RequireJS - 道场

Dojo 是一个基于 AMD 模块架构的 JavaScript 工具包，它提供了额外的模块来为 Web 应用程序添加额外的功能，并且还可以节省 Web 应用程序开发过程的时间和规模。

例子

以下示例显示了 Dojo 与 RequireJS 的用法。创建一个名为index.html的 html 文件，并将以下代码放入其中 -

<!DOCTYPE html>
<html>
   <head>
      <title>RequireJS Dojo</title>
      <script data-main="app" src="lib/require.js"></script>
   </head>
   
   <body>
      <h2>RequireJS  Dojo</h2>
      <p>
         Hello... ...
      </p>
   </body>
</html>

创建一个名为app.js的js文件，并在其中添加以下代码 -

require ({
   //You can configure loading modules from the lib directory
   baseUrl: 'lib',
   
   paths: {
      //mapping of package
      dojo: 'http://sfoster.dojotoolkit.org/dojobox/1.7-branch/dojo'
   }
   
}, [
      //modules which we are using here
      'dojo/dom'
   ], function(dom) { 
   
      //using the 'byId' method from dom module
      var mydojo = dom.byId('dojo_val')
      mydojo.innerHTML = "The text is displaying via dojo/dom";   
   }
);

输出

在浏览器中打开 HTML 文件；您将收到以下输出 -

RequireJS 道场