Dojo 基础入门(一)

Dojo 学习笔记入门篇:第Dojo 示例(使用 Dojo JS) 这是个简单的 Dojo 示例,它演示了如何使用 Dojo JS 创建个基本的 Web 应用程序。你可以从 Dojo 的官方网站下载最新版本的 Dojo,然后将其引入到你的 HTML 文件中。假设你已经完成了这步骤,我们可以开始编写我们的第Dojo 示例了。在本篇学习笔记中,我们将介绍如何使用 Dojo JS 创建个简单的示例。Dojo个功能强大且灵活的 JavaScript 框架,它提供了许多工具和功能,帮助开发人员构建现代化的 Web 应用程序。这是我们将在示例中使用的输出容器。 阅读详情

摘要

本文介绍了Dojo的基本相关信息,并通过一些简单示例让大家对Dojo有一个初步的感性认识。之后介绍了开发环境的准备以及在开发过程中需要具备的概念。

由于新版本的Dojo对以前的0.4版本上做了重大变革,而现有的很多资源还是基于原有版本进行介绍的,这难免会引起初学者的困惑。本文尽量使用深入浅出的方式,通过简短、平实的文字把Dojo介绍给大家,以便初学者可以很容易的了解Dojo,能够在最短时间内尽快的学习使用起来。

1.            Dojo介绍

1.1.    Dojo是什么

Dojo是一个使用Javascript编写的开源DHTML工具包。它建立在很多已捐献的代码基础之上,这就是为什么我们谈到它时,说它是一个"统一"的工具。利用Dojo,可以很容易地建立动态web页面以及其他支持Javascript的环境。可以使用Dojo封装的组件,它使web站点更具有可用性、更快速的响应、更多的功能。Dojo的事件系统,I/O API,和泛型语言增强组成了强大的程序环境的基础。可以使用Dojo建造工具来为Javascript代码编写命令行单元测试。可以使用Dojo 包来使得代码更容易去维护和更少的平台依赖。

1.2.    使用Dojo的好处

l         宽度和广度:Dojo是一个全堆栈的应用框架。不是那种把几个不同的源码简单拼凑在一起的组件。Dojo通过提供集成的底层架构和广泛的可选模块允许每个组件构造成一个高质量积木式的可信赖集合。这些组件给普通用户遇到的问题提供了良好的解决方案,他它们也很容易调整以满足各种需求。从基于面板的设计到客户端图表、到数据绑定、到久经考验的模块系统,Dojo是一个考虑了众多用户体验的刚性的底层架构。

l         质量:国际化以及易访问的底层架构是通过Dojo“纤维编织而成。每次击键都会有正确提示。所有组件作为一个粘着的整体契合在一起。每件东西都是可以很容易与CSS一起进行定制。只消稍做调整即可获得一个漂亮整洁的外观变化,以大量的用户体验为基础(这些人不仅有普通用户,还有设计师和开发人员)做了设计和测试,这些都是它的特点。

l         性能:Dojo被用于每天都有高访问量和高流量的站点上,采用Dojo的构造工具是为什么如此做的一个关键原因。Dojo软件包系统很容易管理大规模的UI开发项目以及构建顶部的系统层,可以做出令人吃惊的应用。所有这些无需代码修改。Dojo也把高性能的普通应用实现打包到了它的核心内,并且Dojo 0.9后的版本在性能上给予了更多的关注,减少了代码。它是个小巧、紧凑的工具包并且速度飞快。这些特点使Dojo成为扩展和构建的理想平台。

l         社区Dojo是一个开源的社区,个人和公司都能走到一起公平竞争,这使得大家在使用这些工具时彼此获益。所有开发都是在开放的环境中进行,并且有意识的降低学习门槛。

1.3.    Dojo的版本历史

Dojo项目历史有0.4.x,0.9,1.0.x等稳定版本,但0.9是对之前0.4.x的重大变革,与0.4.x是非兼容的,与其后的版本是兼容的。

由于Dojo项目的开发者已经把主要精力投入到新版本的开发维护上,所以本文是基于0.9以及后续版本的代码基础上进行分析。

截止到本文截稿时,Dojo最新的版本是1.0.2

1.4.    Dojo的安装

有三种方式安装Dojo:

1.     直接连接AOL的内容分布网络(CDN)。只要在网页中加入<script type="text/javascript" src="http://o.aolcdn.com/dojo/0.9.0/dojo/dojo.xd.js"></script>即可

2.     下载Dojo最新版本代码,安装在本机

3.     从配置管理服务器得到每日的build版本

1种方式无法深入代码内部去了解Dojo实现机制且需时刻在线,对于第3种方式的每日最新也无必要,只要有一个最稳定版本即可。第2种方式基本能弥补其他两种的不足,笔者本人推荐使用第2种方式。

1.5.    Dojo的包系统分解

Dojo主要分成4个包:dojo是核心,包括Ajax基础,以及事件、JSONCSS查询等基本内容;dijit包含了各种基于模板的布局、组件类,可以在它们的基础上直接使用或者继承定制;dojox是上述两个包的扩展包,提供了更加丰富绚丽的组件以及功能;util是辅助工具包。 
dojo新手快速入门教程-首发高清PDF中文版 dojo新手快速入门教程-高清PDF中文版 立即下载

相关推荐

dojo入门资料

内容很丰富,给有需要的人,壮大dojo社区

手把手教你Dojo入门

手把手教你Dojo入门 如果仅仅是为了练习Dojo,或者进行测试,可以参考下面的步骤。下面的文件均是在Windows下测试 需要的工具 1 Tomcat服务器:下载地址 选择适合自己的机器型号,即可 2 Dojo工具包:下载地址  由于dojo toolkit没有测试页面,所以推荐下载下面的那个SDK的 3 浏览器 博主使用的是chrom...

xingoo 689

dojo入门系列教程.rar

dojo入门系列教程,包含入门简介,在javascript基础上介绍dojo的语法特色,ajax的dojo包装---xhr框架的编程要点, Dojo 事件机制.以及对dojo最具特色的web UI设计的全面介绍.

dojo入门教程 -简介

网上关于dojo简介的也不少,发现有篇博文写到不错,比较适合初学dojo的童鞋们。所以,直接转载过来了,博主见到了见谅哦。嘿嘿,下面共同学习下吧。 转自:http://www.lezhu99.com/802.html Dojo个功能强大的JavaScript库的集合,可以为许多特性提供简单的API。其中的个特性是生成HTTP请求并接收其响应的能力。除了提供AJAX功能外,Dojo

午夜芭蕉雨的专栏 396

dojo入门总结

引用dojo的引用 js中,某些属性名字类似于font-size 和 border-top ,要使用大小写组合来代替“-”,变成fontSize 和 borderTop 1. Dojo可以runtime实时设定各种配置信息。parseOnLoad用来处理页面装载解析widgets和添加代码,isDebug用来打开和禁止特定的debugging信息。     djConfig="parseO

心如止水 宠辱不惊 784

Dojo 基础入门()

1.            Dojo详解1.1.    通用函数1.1.1.      dojo.require在前面的示例中,其实我们已经看到了dojo.require的使用。它是用来声明将要使用的dojo的组件类型。类似Java中的import语句。Dojo是把代码分成模块,在表现形式上是以文件目录结构存在的,类似Java的包概念。而每个模块下的Dojo类文件,就可以理解为类似

w的专栏 5197

部分Dojo常用函数简介()——Javascript基础扩展函数

每个Ajax框架都对Javascript做了扩展,提供了很多常用函数,增强了Javascript的开发效率。在这里将对部分Dojo中的常用函数做简单的介绍。由于Dojo的常用函数较多,也为方便大家阅读,将这些常用函数分为了五个类别分别进行介绍。本文将介绍第部分的内容:Javascript基础扩展函数

Dojo中文博客 6784

Dojo JSONP 入门

JSON with Padding (JSONP)现在已经成为浏览器端跨域访问资源的常用解决方法。在本教程中,将会介绍JSONP是什么,并告诉你如何使用它来跨域获取数据。难度:初学者Dojo版本:1.6作者:Dustin Machi原文:Getting Jiggy with JSONP开始上手Dojo内置的Ajax模块提供了套简单而强大的接口来动态获取资源。然而,浏览器的跨域安全策略会限制你使用

Dojo中文博客 8471

Dojo入门Hello World!

 本文的目的是为Dojo入门者提供个起点。每个步骤都是为了尽可能多的介绍Dojo,但也不可能非常详尽,描述的太详尽反而会把入门用户搞糊涂了。如果需要了解本文中提到的概念,请查看底部指向其他资源的链接。入门要求很明显,第步是你需要Dojo!你可以从 http://dojotoolkit.org/downloads 下载最新的稳定版本.第二步,你需要个Web服务器.无论是连网服务

lijieleon的专栏 1314

【第dojo】手把手教你Dojo入门

如果仅仅是为了练习Dojo,或者进行测试,可以参考下面的步骤。下面的文件均是在Windows下测试 需要的工具 1 Tomcat服务器:下载地址 选择适合自己的机器型号,即可 2 Dojo工具包:下载地址  由于dojo toolkit没有测试页面,所以推荐下载下面的那个SDK的 3 浏览器 博主使用的是chrome   接下来就可以配置文件了。

沈荣荣的博客 5813

dojo入门学习

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> Dojo Toolkit Test Page <mce:script type="text/javascript" src="js/dojotoolki

chagaostu的专栏 1085

Dojo入门):HelloWorld程序

       Dojo个轻量级的web前端框架。它通过提供设计良好的api和工具包缩短了实现设计的时间。它是轻量级极其健壮的,提供工具来实现DOM操作,动画,ajax,event和键盘标准化,国际化I18N,可访问性。         Dojo是完全免费的开源JavaScript工具包用于构造web应用。  dojo依赖下载地址: http://dojotoolkit.org/downlo...

雨季的博客 357

Dojo菜鸟长成记

在这里,你将学会如何加载Dojo,学习他的核心功能。你也会学习Dojo的异步模块定义,明白如何加载其他模块导你的网站或应用中,并且在出错时找到帮助。 入门开始: 如同使用其他JavaScript文件样,在使用Dojo时需要引用dojo.js脚本文件。Dojo可以用于流行的内容交互网络,现在,让我们在HtmlPage.html文件输入以下内容,并用浏览器打开: Doj

华夏乐园 698

掌握 Dojo 工具包,第 1 部分: Dojo 入门简介

级别: 初级 谢 福生 (xiefus@cn.ibm.com), 软件工程师, IBM牟 磊 (mulei@cn.ibm.com), 实习生, IBM蒋 贤礼 (jiangxl@cn.ibm.com), 软件工程师, IBM董 伟 (wddong@cn.ibm.com), 软件工程师, IBM 2008 年 9 月 18 日 随着富互联网应用程序(Rich Internet Applicat...

weixin_30411997的博客 241

dojo入门(未完待续)

目      录 目      录... 1第章           Ajax开发模式介绍与什么是Dojo. 3、       Web应用编程技术概述... 31.    Web编程工具简介... 32.    使用Ajax开发Web应用... 4a.     什么是Ajax?. 4b.    MVC与Ajax. 4c.    Ajax开发工具简介... 5

That's it! 4537
上一篇: 对(1)
下一篇: Dojo 基础入门(二)
kswaking
博客等级 码龄24年 12粉丝 23原创
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值