首页 > 代码库 > 关于dojo模块化引入包的问题

关于dojo模块化引入包的问题

关于dojo模块化引入包的问题

Dojo引擎一碰到require函数,就会把相应的javascript文件载入。但是如果本地资源和在线资源同时存在,就会出现问题。在编程过程中就遇到了这个问题,下面就记录下出现的问题以及解决过程。

 技术分享

文件结构如图,index.htmlhtml内容,样式设计在index.css中,加载地图在map.js中,zhaomapPage.js是写好的程序,measure.js是参考书提供的造好的轮子,js1.js是用来测试的。其他请忽略。

在第一次运行的时候,发现zhaomapPage.js根本就解析不完,去掉对measure的载入("myApp/measure")后,发现就能解析完了。因为zhaomapPage.js里面代码太多,所以只把载入包部分代码复制到js1.js里面,只探究载入包的相关问题。

 技术分享

刚开始这个包是载不进来的,会出现这样一个错误:

 技术分享

这是系统把这个包当成网络资源了。

一开始不知道从哪里下手,因为原来的项目大体框架都有了,文件之间的结构也是写好的,我只需要把包放到合适的文件夹下再引入就行了。

但是现在不是了。我决定自己研究下是什么问题。

Dojo的官方文档里肯定有相关的参考,果然,在AMD API里找到了相关的内容。

 技术分享

AMD API是优先载入的API并且由两个全局函数揭露:requiredefine。这两个函数都是异步的。然而,当在传统的的加载API的模式中运行时,它们会同步运行,以保证AMD模型可以被遗留代码访问到。

这翻译也是醉了,我理解的就是当网页内容多了的时候,需要加载的包就多了,如果把包直接用<script src=http://www.mamicode.com/””>这样加载的话,那每次页面载入都要加载所有的包,这样就会导致运行慢。而AMD模型可以让包先在那里放着,我们这个功能需要哪些包,就把它require进来,在程序需要的包很多的情况下,就可以大大减少资源的浪费。

“AMD规范就是其中比较著名一个,全称是Asynchronous Module Definition,即异步模块加载机制。”——百度百科

其实dojo官网也说了怎么设置了,就是在这个dojoConfig里面设置一个baseURL,然后下面告诉程序包的名字,包的位置。

 技术分享

webgis从基础到开发实践2-4中有个例子,也讲了这个问题,其内容和dojo文档差不多。但是书上截图了文件目录的结构,看起来更直观一些。

可是我这样写了之后

 技术分享

却出现了另一个问题

 技术分享

看这意思就是说,又有一个init.js找不到了。

于是我查了查这个包,主要内容是在把dojo包下载到本地之后,需要配置一下Init.js。那大体猜到了,虽然measure找到了,程序却不知道加载网络资源了。这时候有俩选择,继续找怎么加载measure,或者把dojo下载到本地。我想了想,就算把dojo下载到本地解决问题,我也不能把这个问题放着不管吧,要么只能加载在线资源,要么只能加载本地资源,这很蠢。

我又想到最开始的程序,就是书上的例子。我一开始之所以没用它,一来我不理解这个,不知道对应到我的程序怎么写,二来不能老是照着葫芦画瓢,就算成功了,这个问题还是没搞明白,感觉像是留了隐患。

可是现在再回头看懂了些,书上的dojoConfig是这样写的。

 技术分享

 

当然+”后面那个路径和我的不一样,刚开始我就是没搞明白这个路径怎么写。

这样程序就能正常运行了,后来我又试了试不加那个replace方法,也就是注释掉的location配置,嘿,也能运行,暂时还没搞懂怎么回事。其实不需要写baseUrl,应该是在完全使用本地的包的时候建立一个基本的空间,下面的包都放在这里面,以简化工作。以及之所以书上2-4的例子能运行我的却不能运行,是因为书上的只加载了本地的包,我的同时加载了网络和本地的。

回头再查一查这个replace方法,是一个javascript方法,把逗号前的换成逗号后面的,这里也就是把前面那一大串给删掉了。具体在程序中什么意思,还有待探究。

以及,有时间把在线资源替换成本地资源试试。

关于dojo模块化引入包的问题