首页 > 其他 > 详细

对dojo的简单入门(附抽取的官网的案例和我自己改的案例)

时间:2015-10-24 23:07:56      阅读:214      评论:0      收藏:0      [点我收藏+]

什么是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

技术分享

对dojo的简单入门(附抽取的官网的案例和我自己改的案例)

原文:http://www.cnblogs.com/javachenshome/p/4907782.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!