您的位置:首页 > Web前端 > JavaScript

菜鸟的Dojo学习笔记1

2014-11-30 01:37 253 查看
其实也不为什么,就是想在学习的路上留点轨迹。没什么驱动力的生活无异于行尸走肉。
 
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目录下)
 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dojo!Hello World!</title>
</head>
<body>
<h1>Dojo!Hello World! from HTML</h1>
<script src="./dojo.js"></script>
<script type="text/javascript">
dojo.addOnLoad(function ()
{
dojo.create("div", { innerHTML: "Hello world! fromDojo" }, dojo.body());
});
</script>
</body>
</html>
附图如下:



证明成功了!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  dojo javascript