[Javascript]菜鸟的Dojo学习笔记1

其实也不为什么,就是想在学习的路上留点轨迹。没什么驱动力的生活无异于行尸走肉。

 

1.Dojo简介

Dojo saves you time andscales with your development process, using web standards as its platform. It’sthe toolkit experienced developers turn to for building high quality desktopand mobile web applications.

From simple websites tolarge packaged enterprise applications whether desktop or mobile, Dojo willmeet your needs.

——From http://dojotoolkit.org/

听起来很强大的感觉。简单说有几点:

(1)  Dojo 是基于 JavaScript开发的。完美跨浏览器。

(2)  可以使用Dojo框架实现多样的Web表现效果,提升Web 应用程序可用性、交互能力以及功能。

(3)  Dojo的扩展包能够使你自己的代码更容易维护,耦合性更低。

等等。

先稍为跨过理论,来体验一下Dojo。

 

一.     搭建基础环境。

先搭个Tomcat如何?

 

1.    下载Tomcat.常用地址是http://tomcat.apache.org/index.html.我的版本是Apache Tomcat Version 6.0.41

2.    解压到常用的文件夹,最好改个比较简单的名字(这里是改成Tomcat)

3.     执行/Tomcat/bin下的startup.sh


4. 默认配置的话应该是 http://localhost:8080


直奔主题,先不论Tomcat详细配置。

 

二. Come on! Dojo ! HelloWorld!

1. 先配置Dojo.

如果网络给力的话(至少能连到google),可以不用下载直接用:

<scriptsrc="//ajax.googleapis.com/ajax/libs/dojo/1.10.1/dojo/dojo.js"></script>

实测时灵时不灵。一旦没连接上,你的网站肯定是没法加载了。

所以还是下载一个到本地吧。

http://dojotoolkit.org/download/

 

2. 简单的HelloWorld(假定Dojo.js放在ROOT目录下)

 

[html]  view plain  copy
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <title>Dojo!Hello World!</title>  
  5. </head>  
  6. <body>  
  7. <h1>Dojo!Hello World! from HTML</h1>  
  8. <script src="./dojo.js"></script>  
  9. <script type="text/javascript">  
  10. dojo.addOnLoad(function ()  
  11.     {  
  12.     dojo.create("div", { innerHTML: "Hello world! fromDojo" }, dojo.body());  
  13.     });  
  14. </script>  
  15. </body>  
  16. </html>  

附图如下:


证明成功了!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值