RequireJS教程:Dojo

Dojo是一个JavaScript工具箱,基于AMD模块架构,该工具箱提供了其他模块以向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.jsjs文件,并在其中添加以下代码:

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教程:Dojo

作者:terry,如若转载,请注明出处:https://www.web176.com/requirejs/1982.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年2月9日 下午5:15
下一篇 2021年2月9日 下午5:17

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注