dojo新建模块

最新推荐文章于 2024-09-11 17:09:49 发布
最新推荐文章于 2024-09-11 17:09:49 发布
阅读量84 收藏
点赞数
分类专栏： dojo 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ethan777/article/details/84167715
版权

   1. dojo.baseUrl

    默认值是dojo的根目录,比如dojo.js的路径是在/web/scripts/dojo-1.3/dojo/dojo.js，那么这个baseUrl就是/web/scripts/dojo-1.3/dojo/ .

 

<!DOCTYPE HTML>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Demo</title>
		
		<script src="dojo/dojo.js"
				data-dojo-config="async: true, parseOnLoad: true">
		</script>

		<script type = "text/javascript">
			dojo.require("dir.foo");
			dojo.addOnLoad(function(){
			dojo.body().innerHTML = "fibonacci(5)";
		});
		</script>
		
	</head>
	<body>
	
	</body>
</html>

   上面你的文档中，baseUrl就是dojo/ .

    2.dojo.require(some.module)

    这时候，dojo就会加载/web/scripts/dojo-1.3/some/module.js，注意baseUrl是/web/scripts/dojo-1.3/dojo/哦。

    3.一个简单的例子

    把dir目录放在和dojo目录同一级别，然后往dir目录中添加如下js文件：dojo.provide("dir.foo");

function fib (x){
    if(x < 0)
        throw Exception("Illegal argument");
    if(x <= 1)
        return x;
    return fib(x - 1) + fib(x - 2);
	
}

    在dojo目录同一级别下，放html文件：

 

<!DOCTYPE HTML>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Demo</title>
		
		<script src="dojo/dojo.js"
				data-dojo-config="async: true, parseOnLoad: true,isDebug:true">
		</script>

		<script type = "text/javascript">
			dojo.require("dir.foo");
			dojo.addOnLoad(function(){
			dojo.body().innerHTML = fib(5);
		});
		</script>
		
	</head>
	<body>
	
	</body>
</html>


<!DOCTYPE HTML>  
<html lang="en">  
    <head>  
        <meta charset="utf-8">  
        <title>Demo</title>  
          
        <script src="dojo/dojo.js"  
                data-dojo-config="async: true, parseOnLoad: true,isDebug:true">  
        </script>  
  
        <script type = "text/javascript">  
	        dojo.registerModulePath("dir","../dir");//baseUrl是dojo/, 模块路径是相对baseUrl来的
            dojo.require("dir.foo");  
            dojo.addOnLoad(function(){  
            dojo.body().innerHTML = fib(5);  
        });  
        </script>  
          
    </head>  
    <body>  
      
    </body>  
</html>
 
ethan777
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Dojo Util Build 打包压缩 合并独立JS/CSS 优化加载
EvelynHouseba的专栏
10-30 987
问题现象： Dojo的JS文件分散，如果不打包压缩直接使用，尤其是页面上存在dijit/dojox控件（或者在HTML直接引入JS）的时候，加载的JS过多，会导致画面初期化时间较长。 解决方案： Dojo提供了一个Build打包工具，将多个JS或者CSS文件，整合到一个独立的文件中，简化浏览器加载Dojo文件次数，用于优化页面加载时间。（HTTP协议的特性决定了多次请求取得多个小文件的效率远...
Dojo1.8系列教程一 ---- 开始使用Dojo
赵林的博客
10-14 2390
转载请注明出处：http://blog.csdn.net/z787326 欢迎来到我的博客，在这个系列教程中，你将学会如何开始使用Dojo和一些Dojo的核心函数的使用。 让我们开始吧 今天我们讲如何在项目中引入Dojo，并且实现最基本的功能：Hello Dojo。 获取Dojo最简单的方法之一就是通过CDN（内容分发网络），它让我们快速地获取到想要的资源,，但是使用这种方式你必须保证实
dojo(一):创建模块
TrendGrucee的专栏
10-09 4229
使用AMD(异步模块定义），通过向加载器注册来定义一个模块。 旁白：什么是加载器？加载器实际上就是一些js代码，他们处理定义和加载模块的后台逻辑。当你加载了dojo.js或者require.js，你就获得了一个 AMD加载器。加载器定义了一些和require、define全局函数合作的函数。        全局函数define允许你向加载器注册一个模块。下面我们看一些例子：
dojo中模块的定义与使用
shiyangxu的博客
08-15 867
异步模块定义（AMD）格式是Dojo从Dojo 1.7开始采用的模块格式。它提供了许多传统Dojo模块样式的增强功能，包括完全异步操作，真正的程序包可移植性，更好的依赖关系管理以及改进的调试支持。它也是一个社区驱动的标准，这意味着编写到AMD规范的模块可以与任何其他符合AMD的加载器或库一起使用。 1 什么是模块 模块是可由单个引用访问的值。如果要在模块中公开多个数据或函数，则它们必须是表示模...
DOJO自定义模块
Zzzpiu的博客
09-25 167
在AMD规范中有两个全局函数，一个是require一个是define，其中require用于加载模块，define用于定义模块，require函数中有两个参数，第一个是模块的名称数组，第二个是加载模块成功之后的回调函数，用法为：require([module], callback); 自定义模块步骤 1. 定义模块 2. 设置Dojo加载包参数 3. 引入Dojo.js库 4. 通过require...
dojo.declare/dojo.provide/dojo.require：JavaScript模块化管理工具
迟到的程序猿
06-26 742
在中大型软件的开发过程中，代码的模块化管理非常重要。众所周知支持良好的模块化管理的语言是Java，通过package/import机制来实现。相比较而言，JavaScript作为运行在前端的解释性语言，其模块化管理一直都没有受到足够的重视。对于以静态页面为主的网站，javascript一般就是做做网页特效，大多数情况下都是直接写入到HTML页面中，也谈不上模块化不模块化。但是随着富客户端的蓬勃发展，
dojo1.6关于DOM相关操作的官方介绍
05-12
10. **dojo.on**: Dojo 1.7引入了`dojo/on`模块，它提供了更现代、更符合DOM Level 2事件接口的事件处理方式，同时兼容老版本的`dojo.connect`。 以上所述是Dojo 1.6在DOM操作方面的核心功能。通过这些API，开发者...
自己动手做地图：Dojo中的Map控件详解
Dojo中文博客
07-07 9592
随着Web成为软件系统交付的主流平台，企业级应用前端纷纷落户浏览器，对各种富客户端开发库提出了越来越高的要求，Dojo作为其中的佼佼者，对企业级Web开发提供了强大的支持。在企业信息系统中，图表和报表是数据分析的最终图形化结果，地位举足轻重，直接影响数据分析的效果好坏。
创建类（点击获得位置信息）—ArcGIS API for JavaScript
GISXX
08-15 7615
不知道大家有没有这种体验，我们开始学web开发的时候，会把HTML、JavaScript、CSS代码都堆叠在一个HTML文件中，慢慢地，随着代码量的增多，不同的代码堆叠在一起显得很乱，我们开始把html、css、js独立到不同的文件中。随着JS代码的数量不断增长，JS文件的数量也一样，管理和引用js代码也变得复杂起来，而解决这种问题一个有效的方法就是采用“面向对象（OO）”模式。通过使用面向...
软件著作权申请教程（超详细）（2024新版）软著申请
m0_75269526的博客
09-09 2015
软件著作权，软著，软著申请，软用户使用手册：提交登记软件的任何一种文档的连续的前30页和连续的后30页，每页不少于30行。如果是多人合作开发著作权人不是一个人的话，还需要准备一份合作开发协议。首先我们需要在官网里面注册一个账号，并且完成实名认证，一般是注册【个人】的身份。合作开发协议书：这个如果是著作权人有多个（多个人一起开发）就需要提供这个材料。在填报完成之后需要打印一个签章页签字（如果不是个人需要盖章）注册完成后点击下面进行登记，如果没有实名需要先实名认证（源代码：源程序前连续的30页和后连续的30页。
js中【Worker】相关知识点详细解读
2301_79858914的博客
09-11 451
JavaScript 中的 Worker 是一个可以在后台线程中运行代码的 API，这样可以避免主线程（通常是 UI 线程）被阻塞。使用 Worker 时，JavaScript 可以在多线程环境中工作，解决了单线程的瓶颈问题。通常情况下，JavaScript 是单线程的，也就是所有的代码（包括 DOM 操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时间过长，会阻塞整个页面，导致界面卡顿甚至崩溃。Worker提供了一种将复杂或耗时的任务分配到后台线程执行的方法。
Module “console“ has been externalized for browser compatibility.
Alvin的博客
09-07 267
在 Vue 3.5.3 中使用 Vite 作为构建工具时，如果你尝试直接从。模块外部化了，这意味着它不会在客户端环境中暴露。去除导入 error 函数的代码。函数，会遇到一个错误，提示。这是因为 Vite 默认将。Vue 3.5.3 中。
echarts.js+china.js实现中国地图各省数据案例
qq_58258855的博客
09-11 289
实现中国地图各省数据案例
JS笔记
2201_76100326的博客
09-11 474
javascript中的对象分为3种：自定义对象，内置对象，浏览器对象 JavaScript 中的所有事物都是对象：字符串、数字、数组、日期，等等。在 JavaScript 中，对象是拥有属性和方法的数据。属性是与对象相关的值。方法是能够在对象上执行的动作。.关键词（）
vue3中动态引入本地图片的两种方法
最新发布
haodanzj的博客
09-11 118
动态在本地引入图片
hiprint打印/jsPDF使用/html2canvas
song854601134的博客
09-05 1362
hiprint
手写 Vue Router 中的 Hash 模式和 History 模式
书呆子ITme
09-06 1045
通过手写简化版的Vue Router，我们深入理解了Hash 模式和History 模式的实现原理。Hash 模式依赖于hashchange事件，而 History 模式依赖于pushState和API。两种模式各有优缺点，可以根据项目需求选择合适的路由模式。Hash 模式：简单、无需服务器配置，但URL不美观，对SEO不友好。URL美观且符合SEO要求，但需要服务器支持。
【vite-plugin-vue-layouts】关于 vue-layouts 布局插件的使用和注意事项
weixin_41899098的博客
09-06 1083
环境：vue3 + vuetify3 + unplugin-vue-router是怎么创建这个项目的：选择它推荐的设置（Recommend）
Dojo模块与包入门教程
- 包的声明：`dojo.widget.*`和`dojo.io.*`这样的声明表示引入了`dojo.widget`和`dojo.io`包下的所有子模块。这种通配符的方式可以一次性引入包内的多个模块，但可能会增加页面加载时间。 2. **配置Dojo** - `...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值