1. dojo: 是Dojo基礎(chǔ)，你要做的其它事情都是在它的基礎(chǔ)上，類似于jquery.js文件，但比它更豐富了一些其他功能;
2. dijit : Dojo的小部件框架及內(nèi)建的小控件集.(大約有40個(gè)HTML用戶小控件);
了解了這些就足夠了，雖然才發(fā)布到1.6，沒(méi)有像jquery那樣到6.1，但dojo絕對(duì)是強(qiáng)大的，選擇它，將是你一生不變的追求。(廣告詞)
接下來(lái)，我們要來(lái)配置我們的第一個(gè)例子，準(zhǔn)備好了嗎？dojo旅程正式開(kāi)始,我們要做一個(gè)表單注冊(cè)的例子.
<div dojoType='dijit.layout.TabContainer' class="myForm">
<div dojoType='dijit.layout.ContentPane' title='個(gè)人信息'>
<label for="firstName">First Name:</label><input type='text' id='firstName' /></br>
<label for="lastName">Last Name:</label><input type='text' id='lastName' /></br>
<label for="middleInitial">Middle Initial:</label><input type='text' id='middleInitial' /></br>
</div>
<div dojoType='dijit.layout.ContentPane' title='聯(lián)系地址'>
<label>Email:</label><input type='text' id='email' /></br>
<label>Address:</label><input type='text' id='address' /></br>
<label>State:</label><input type='text' id='state' /></br>
<label>City:</label><input type='text' id='city' /></br>
<label>Country:</label><input type='text' id='country' /></br>
</div>
<div dojoType='dijit.layout.ContentPane' title='聯(lián)系電話'>
<label>Work Phone:</label><input type='text' id='workPhone' /></br>
<label>Home Phone:</label><input type='text' id='homePhone' /></br>
<label>Cell Phone:</label><input type='text' id='CellPhone' /></br>
</div>
</div>
最后就沒(méi)了，這個(gè)簡(jiǎn)單的選項(xiàng)卡就完成了。大家是不是覺(jué)得很奇怪，我們竟然沒(méi)寫其它的一行代碼就完成了這個(gè)功能？這就是聲明式小插件的好處了，因?yàn)槟憬odojoType聲明了，它就會(huì)自動(dòng)去綁定這個(gè)功能。
好了，這是我第一天的正式接觸dojo，可能有理解錯(cuò)誤的地方，大家可以指出來(lái)，我們一起學(xué)習(xí)進(jìn)步。 如果你喜歡，我會(huì)寫第二篇甚至更多.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>第一天 </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style>
@import url(../dijit/themes/tundra/tundra.css);
@import url(../dojo/resources/dojo.css);
</style>
<script src='../dojo/dojo.js' djConfig='parseOnLoad:true'></script>
<script>
dojo.require("dojo.parser");
dojo.require('dijit.layout.ContentPane');
dojo.require('dijit.layout.TabContainer');
</script>
<style>
.myForm{width:600px;height:300px;line-height:1.6;}
.myForm label{width:150px;float:left;}
</style>
</head>
<body class="tundra">
<div dojoType='dijit.layout.TabContainer' class="myForm">
<div dojoType='dijit.layout.ContentPane' title='個(gè)人信息'>
<label for="firstName">First Name:</label><input type='text' id='firstName' /></br>
<label for="lastName">Last Name:</label><input type='text' id='lastName' /></br>
<label for="middleInitial">Middle Initial:</label><input type='text' id='middleInitial' /></br>
</div>
<div dojoType='dijit.layout.ContentPane' title='聯(lián)系地址'>
<label>Email:</label><input type='text' id='email' /></br>
<label>Address:</label><input type='text' id='address' /></br>
<label>State:</label><input type='text' id='state' /></br>
<label>City:</label><input type='text' id='city' /></br>
<label>Country:</label><input type='text' id='country' /></br>
</div>
<div dojoType='dijit.layout.ContentPane' title='聯(lián)系電話'>
<label>Work Phone:</label><input type='text' id='workPhone' /></br>
<label>Home Phone:</label><input type='text' id='homePhone' /></br>
<label>Cell Phone:</label><input type='text' id='CellPhone' /></br>
</div>
</div>
</body>
</html>
