文档章节

Dojo 基础入门(三)

w
 waking999
发布于 2017/05/24 13:32
字数 1247
阅读 6
收藏 0

1.            开发环境准备

1.1.    开发环境

Dojo本身是由Javascript编写而成的,所以基于Dojo的扩展也是Javascript语言。目前,存在着一些支持Javascript语法高亮的编辑器,如UltraEdit, Notepad等。如果只是单纯的客户端用户界面的开发,完全可以采用编辑器+浏览器的方式,这样开发的执行效率最高,占用的系统资源最少。

当然了,如果需要后台数据支持、服务器端逻辑支持,那就需要考虑应用服务器、数据库等其他资源,这个时候一个集成开发环境(IDE)对我们的开发帮助就大有裨益了。由于工作原因,笔者使用的是IBM Rational开发平台,实际上根据需要选择带有插件功能的Eclipse平台就可以满足Dojo日常开发的要求了。在Dojo的官方网站推荐了几款其他的IDE工具,比如Aptana Studio等,它们各有利弊,开发者可以依据项目要求、个人使用习惯等选择相应的IDE工具。

1.2.    测试环境

由于Javascript是客户端的运行代码,所以测试的对象就是那些主流的浏览器。理论上说,在开发测试时,脚本程序要在各种浏览器上开发验证。但依据笔者的经验,在开发的过程中就以Firefox为测试目标, 测试成功的页面一起在IE中集成测试即可。

使用Firefox的另一个原因是在目前Javascript的调试还不是很发达的情况下,Firefox下的一个调试插件可以帮助我们做一些事情,它就是Firebug.

1.3.    Firebug

1.3.1.      下载

可以到Firebug的官方网站直接下载,网址是http://www.getfirebug.com。需要注意的一点是,由于FirebugFirefox的插件,所以需要使用Firefox访问该网址,直接点击Install Firebug按钮即可直接安装完成。

1.3.2.      常用功能的使用

1.3.2.1.            准备

首先需要在使用前把isDebug参数设置为true,这样可以打印出相应的信息。如果不希望出现这些打印信息,可以设置成false予以关闭。

<script type="text/javascript" src="../dojo.js"
        djConfig="parseOnLoad: true, isDebug: true"></script>

1.3.2.2.            记录日志

在需要打印信息的地方加入如下的执行语句,可打印出不同级别的信息。

console.log("Nothing happening");
console.debug("Checking to make sure nothing happened");
console.info("Something might happen.");
console.warn("Something happened, but it's no big deal.");
console.error("Cough cough!");

 

可以看到在FirebugConsole标签以上语句的执行效果以及该执行语句所在的文件以及行数。除此以外,你还可以到Dojo的核心库和Dijit组件的加载状态。

小提示

1.如果你不希望看到某些信息,可以通过右上角的Options选项予以过滤。

2.另一个比较值得一提的是console.dir()语句,这条语句对对象类型的变量打印比较直观。比如:

var btn=dijit.byId('helloBtn');

console.dir(btn);

 

3.此外,一些对象有其父对象或子属性对象,执行console的打印语句后,可以在Firebug的第一行发现对象的父子传递顺序,可以通过其中某一对象节点的链接直接索引到该对象。

1.3.2.3.            查看Html结构

由于一个用户界面系统的开发会涉及若干的htmljs文件,这些文件都可能含有构成用户界面布局的代码,如何可以直观地查看这些分散在不同角落的代码的html层级结构就成为了一个问题。而Firebug就提供了这样的功能。

切换到Html标签,我们就可以看到整个用户界面的html结构代码,它具有良好的树状格式,易于查看,而且选择html结构的某个节点时,其相对应的页面组件会变成蓝底高亮。同时该节点的样式属性参数也用列表的方式列于右侧。而其DOM形式的展现可以通过选择右侧的DOM标签予以查看。

1.3.2.4.            加断点

如果想要看到对象的状态、语句执行后的结果,除了使用打印语句,我们还可以使用Firebug提供的调试功能,比如断点。

切换到Script标签,可以在Firebug的第一行,选择希望加入断点的脚本所在文件。定位到某一行后,在该行号处点击左键即可实现断点的添加/删除功能。当语句执行到该处时,会出现黄色的箭头。

在第一行的右侧,还有Continue,Step Over,Step Into,Step Out等按钮以及快截键。右侧的下方Watch标签,显示了执行到该断点处的变量名/值的列表,我们也可通过New watch expression添加其他的变量或表达式。

 

 

 

本文转载自:http://blog.csdn.net/kswaking/article/details/2232674

共有 人打赏支持
w
粉丝 0
博文 23
码字总数 0
作品 0
澳大利亚
Dojo入门与dojo项目配置方案(一)

何为dojo Toolkit Dojo Toolkit(以下简称dojo)是一个javascript语言实现的、跨浏览器的DHTML(Dynamic HTML)工具包。Dojo ToolKit包括了构建大规模Ajax驱动的web应用程序所需要的一切。所...

tkorays
2014/01/01
0
0
Dojo Mobile 1.7 入门

最新版的移动 Web 开发框架 Dojo Mobile 1.7,是 Dojo Toolkit 的一个扩展。本文将使您了解如何从主干网址下载 Dojo 1.7,以及如何在您的应用程序中使用 Dojo Mobile。您还将探索它提供的各种...

IBMdW
2012/12/18
4K
8
深入浅出 Javascript API(一)--基本框架

Javascript API是ArcGIS Server 9.3新增的一套API框架,为创建WebGIS应用提供了轻量级的解决方法,在客户端利用ags所提供的服务,就能实现地图应用和地理功能。 还记得ArcIMS Blueviewer示例...

文艺小青年
2017/03/02
0
0
手把手教你Dojo入门

如果仅仅是为了练习Dojo,或者进行测试,可以参考下面的步骤。下面的文件均是在Windows下测试 需要的工具 1 Tomcat服务器:下载地址 选择适合自己的机器型号,即可 2 Dojo的工具包:下载地址 ...

青夜之衫
2017/12/04
0
0
全面认识 Node.js

1. 了解 Node.js 从 Java 开发人员的视角了解什么是 Node.js(什么不是 Node.js),以及其工作原理和益处。然后,看看使用 Node 开发的 Web 应用程序是什么样的。 阅读: 面向 Java 开发人员的...

IBMdW
2012/09/17
2.5K
1

没有更多内容

加载失败,请刷新页面

加载更多

Coding and Paper Letter(三十九)

资源整理。 1 Coding: 1.Python库benchmark rio s3,用于在访问S3上的文件时对Rasterio / GDAL的多线程性能进行基准测试的工具。 benchmark rio s3 2.Pangeo-Binder Cookiecutter模板。 cook...

胖胖雕
47分钟前
2
0
Promise 对象

Promise(承诺) 的含义 Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6 将其写进了语言标准,统一了用法,原生提供...

简心
50分钟前
1
0
让UI设计师崩溃的瞬间,你经历过哪些?

隔行如隔山,这句话人人耳熟能详,但其实隔行并不可怕,大家各谋其事,各尽其职,倒也互不打扰,真正可怕的是,是内行还要受外行指点江山,而最难的部分,便是那沟通。流畅的沟通,和声细语,...

mo311
51分钟前
3
0
python进制转换

#进制转换print(bin(10)) #十进制转换成二进制print(oct(10)) #十进制转换成八进制print(hex(10)) #十进制转换成十六进制print(int('1010',2)) #二进制转十进制print(int(...

fadsaa
今天
13
0
syntax error near unexpected token

最近不断重复在虚拟机CentOS测试安装gitlab,因为gitlab有一个脚本需要饭强才能下载,于是我先在windows下载好再上传到虚拟机,可是执行脚本的时候提示“syntax error near unexpected toke...

W_Lu
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部