英超

如何用Dojo提高Web应用程序设计能力

2019-09-12 18:55:47来源:励志吧0次阅读

我们每天的时间有限,因此任何有助于开发有用的Web应用程序的工具都受到开发者的欢迎。我之前讨论的一些较为流行的免费在线工具包括:jQuery、scriptaculous和Yahoo!用户界面(YUI)库。本周的焦点为Dojo。

下载Dojo

Dojo工具箱可在Dojo网站下载。下载文件是一个压缩文件,其中包括大量演示、实例代码、核心JavaScript库和其它一些内容。我在开发机器上解压这些文件,并将它们安装在我的IIS开发实例中。这样便于我在自己的应用程序中运行演示和利用核心库。

下载文件的目录结构把核心JavaScript库文件(dojo.js)放在根目录下,因此可以很方便地使用包含语句访问你自己的代码。当前的版本为0.9版。

Dojo工具箱也有开源版本。它提供两个许可方案:学术免费许可v2.1和BSD许可。Dojo是一个开放的社区,它邀请开发者、设计师和文档编写者做出自己的贡献。如果你决定为项目做出贡献,你必须签署贡献者许可协议。

构成要素

Dojo提供各种针对不同开发者的特性。对于初学者,它提供服务器端开发者小部件。HTML/CSS开发者可以开发出模板驱动的小部件。它还提供一个有于开发稳健Web应用程序的强大JavaScript库。

Dojo的基础是一个在文档资料中称作base(基本成分)的小型库。它包括AJAX、事件处理、特效、CSS查询、语言实用工具等。这个基本库包含在核心Dojo文件(Dojo.js)中。此外,核心文件中还包含拖放、AJAX扩展表单和I/O、JSON-RPC、国际化和后退按钮处理等功能。它提供的有效库和选项的数量可能非常庞大。

前面提到的小部件通过一个叫做Dijit的小部件系统提供,这个系统位于Dojo的顶部。Dijit允许你用很少或不用JavaScript建立强大的Web界面。Dojo的独特特色包括:内置的国际化和本地化支持、所有Dijit小部件提供完整的易访问性微调、支持连贯键盘事件处理的基础架构、并能够仅使用CSS处理所有Dijit组件。

Dojo利用一个类似于Java软件包的基于模块的基础架构。当你需要知道加载哪些库和以何种顺序加载这些库时,这消除你遇到其它工具箱的问题。有一个简单的例子说明了如何使用日历小部件。下面的网页允许用户使用日历下拉小部件选择两个日期值。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html><head>

<title>Dojo Example - Calendar</title>

<script type="text/javascript" src="dojo-0.4.3-ajax/dojo.js" mce_src="dojo-0.4.3-ajax/dojo.js"></script>

<script type="text/javascript">

dojo.require("dojo.widget.*");

</script>

</head>

<body>

<form id="frmDojoTest" action="" onsubmit="return false;">

<h4>Please enter a data range:</h4>

<div dojoType="dropdowndatepicker">

</div> to <div dojoType="dropdowndatepicker"></div>

</form></body></html>

这个简单的例子说明了利用Dojo特性的基本方法。以下是关于这个例子的一些提示:

核心Dojo库通过页面中的第一个脚本语句加载。这个文件的路径可能会根据你的配置而有所不同。 dojo.require语句加载将要在页面中用到的Dijit特性。这一核心功能通过加载dogo.js文件而生效,dojo.require语句可实现Dojo的全部功能。 Dojo功能通过分配给HTML元素的属性加以利用。在这个例子中,dojoType属性用于插入下拉日历对象。

男性尿频尿急尿痛怎么办
吃什么食物治疗腹胀
儿童夜咳嗽最快最有效
儿童便秘是怎么回事
分享到: