对dojo的简单入门(附抽取的官网的案例和我自己改的案例)
什么是dojo?
dojo是一款javascript框架，提供很多javascript UI
为什么要用dojo?
应为dojo提供了一套完整的UI解决方案和封装较好的一套组件,可供程序员直接调用
现在有那些公司在使用dojo?
这个我也不大清楚,只知道最大的使用者和贡献人是IBM
============================================
dojo的技术细节分析:
(1):
Dijit的组成中除了Dojo类，还有图片和CSS。这些外观是通过Dojo框架的主题来提供的，Dojo包含了4个主题，分别是：nihilo, soria, tundra和claro，其中claro是最新的Dojo1.5新增加的一个外观主题。
怎么样引入主题？
1、导入下面的样式
<link id="themeStyles" rel="stylesheet" href="../dojo/dijit/themes/claro/claro.css">
<style type="text/css">
@import"http://ajax.googleapis.com/ajax/libs/dojo/1.5/dijit/themes/tundra/tundra.css";
</style>
2、然后给<body>标签添加class样式
<body class="claro">
(2):
当页面还没加载出来的时候,所显示的内容
(3):
dojo.require('my.module') 用于加载javascript文件, 功能类似于script标签的作用.
假设你有一个本地的开发环境,目录结构如下:(http://localhost:8888 .)
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”utf-8″ />
<title>Dojo</title>
</head>
<body>
<script src=”dojo/dojo.js”></script>
</body>
</html>
(4):
dojo简单的文件配置,配置一次终身使用
async : false,表示同步，同步会等待执行完成，直到success 执行完成！
true表示异步
(5):
data-dojo-props 和 data-dojo-type 是html5 为DOJO 而设计的两个专用属性，
data-dojo-props 用来设置dojo widget 的属性，data-dojo-type用来设置dojo widget的类型
class="accordionpane"实现自动展开和收缩
(6):
案例下载:http://pan.baidu.com/s/1hqvuENU
posted on 2015-10-24 21:55 _javachen 阅读(1224) 评论(0) 编辑 收藏 举报
