Dojo是个框架 ，是个js框架，现在除了这一点什么都不知道，就这么上手了。

ps：不建议Web初学者看我的笔记，这个要有一定积累才能看。

在<body>标签内写这么一点代码：

<body>

    <h1 id="greeting">Hello</h1>

    <script src="//ajax.googleapis.com/ajax/libs/dojo/1.10.4/dojo/dojo.js" data-dojo-config="async: true"></script>

</body>

按下F12，没报错，算是用CDN引用成功了Dojo。

如果F12报错无法访问dojo.js，请到BootCDN引用，现在暂时不自己开本地服务器引用，以后再说。

1. AMD：异步模块

自1.7起，Dojo就启动了AMD异步模块定义的支持，原因是为了更好地支持大型复杂Web程序。

可见，Dojo是一个重量级框架。

2. 全局函数

算是加载了dojo.js这个文件后的两个入口吧，是两个全局函数：define和require

上面提及，Dojo支持异步模块定义了，那么define就能定义一个模块，而requie就能用你定义的模块。

——有关为什么用define和require这种奇怪的写法，请阅读http://dojotoolkit.org/documentation/tutorials/1.10/modern_dojo/

通常，模块是一个简单的js文件。

以下通过简单的HTML DOM操作来演示define和require，Dojo中操作DOM的模块是'dojo/dom', 'dojo/dom-construct'两个。

demo

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8">

    <title>Tutorial: Hello Dojo!</title>

</head>

<body>

    <h1 id="greeting">Hello</h1>

    <script src="https://cdn.bootcss.com/dojo/1.10.4/dojo.js" data-dojo-config="async: true"></script>

    <script>

        require(

            [

                'dojo/dom',

                'dojo/dom-construct'

            ],

            function(dom, domConstruct) {

                var greetingNode = dom.byId('greeting');

                domConstruct.place('<em> Dojo!</em>', greetingNode);

            }

        );

    </script>

</body>

</html>

我换掉了CDN引用，这样会快一些。

可见HTML文本改变了，引用了dom和dom-construct两个模块后，就能用dom.byId这个方法和domConstruct.place这个方法进行DOM操作了。

代码解释

require有两个参数。

第一个是字符串数组，代表模块的id（或者带路径的模块名称），为什么是这样写，请学习AMD知识或者node.js或者前端js模块化编程。如果下载了SDK，是能在文件夹里找到dom.js和dom-construct.js这两个文件的。

第二个是回调函数。回调函数的参数就是以上引入的模块。回调函数的参数的名字可以自定义，但是顺序是和第一个字符串数组的模块顺序一致的。

由于AMD机制和异步操作，这就意味着，等待模块加载完成后，回调函数才会正式运作，但是这是自动的，在后台自己做完一切。大可不必管交叉调用js文件和模块的问题，AMD机制自己会在后台完成模块之间的交叉调用问题。

3. 说两句话

理解异步操作、js模块化，是Dojo学习中相当重要的。与普通的js框架不同，Dojo更合适开发复杂的大型Web平台。

有兴趣的同学可以学习一下ES6的模块化编程，或者学习一下npm+webpack这种新型的后端写法，node.js也是可以看看的。

目前只学到这里，暂时还是双击打开html文件查看代码成果，下一个笔记就要用本地服务器打开了，可以用IIS，也可以用XAMPP，无所谓。

暂时等这种静态写法学完后，就试着用npm包管理机制写一写试试，混搭Vue什么的。

【Dojo 1.x】笔记1 入门的更多相关文章

  1. python学习笔记--Django入门四 管理站点--二

    接上一节  python学习笔记--Django入门四 管理站点 设置字段可选 编辑Book模块在email字段上加上blank=True,指定email字段为可选,代码如下: class Autho ...

  2. WebSocket学习笔记——无痛入门

    WebSocket学习笔记——无痛入门 标签: websocket 2014-04-09 22:05 4987人阅读 评论(1) 收藏 举报  分类: 物联网学习笔记(37)  版权声明:本文为博主原 ...

  3. Java学习笔记之---入门

    Java学习笔记之---入门 一. 为什么要在众多的编程语言中选择Java? java是一种纯面向对象的编程语言 java学习起来比较简单,适合初学者使用 java可以跨平台,即在Windows操作系 ...

  4. Bootstrap笔记--快速入门

    首先是Bootstrap的简介: 业余了解:下面这个网址可以查询IP地址的地理位置 下面学习:(具体可以参考Bootstrap中文网) 栅格系统 Bootstrap 提供了一套响应式.移动设备优先的流 ...

  5. DBFlow框架的学习笔记之入门

    什么是DBFlow? dbflow是一款android高性的ORM数据库.可以使用在进行项目中有关数据库的操作.github下载源码 1.环境配置 先导入 apt plugin库到你的classpat ...

  6. MongoDB学习笔记:快速入门

    MongoDB学习笔记:快速入门   一.MongoDB 简介 MongoDB 是由C++语言编写的,是一个基于分布式文件存储的开源数据库系统.在高负载的情况下,添加更多的节点,可以保证服务器性能.M ...

  7. 学习笔记_J2EE_SpringMVC_01_入门

    1.    概述 笔者作为一个不太正经的不专业佛教信仰者,习惯了解事物的因果关系,所以概述就有点BBB...了.如果不喜欢这些的,请自行跳过概述章节,直接进入第二章的操作实践:2 入门示例. 1.1. ...

  8. dubbo入门学习笔记之入门demo(基于普通maven项目)

    注:本笔记接dubbo入门学习笔记之环境准备继续记录; (四)开发服务提供者和消费者并让他们在启动时分别向注册中心注册和订阅服务 需求:订单服务中初始化订单功能需要调用用户服务的获取用户信息的接口(订 ...

  9. SpringBoot学习笔记<一>入门与基本配置

    毕业实习项目技术学习笔记 参考文献 学习视频 2小时学会Spring Boot:https://www.imooc.com/learn/767 学习资料 SpringBoot入门:https://bl ...

随机推荐

  1. emWin实现ATM机界面设计，含uCOS-III和FreeRTOS两个版本

    第1期:ATM机配套例子:V6-900_STemWin提高篇实验_ATM机(uCOS-III)V6-901_STemWin提高篇实验_ATM机(FreeRTOS) 例程下载地址:http://foru ...

  2. [Swift]LeetCode72. 编辑距离 | Edit Distance

    Given two words word1 and word2, find the minimum number of operations required to convert word1 to  ...

  3. [Swift]LeetCode204. 计数质数 | Count Primes

    Count the number of prime numbers less than a non-negative number, n. Example: Input: 10 Output: 4 E ...

  4. [Swift]LeetCode222. 完全二叉树的节点个数 | Count Complete Tree Nodes

    Given a complete binary tree, count the number of nodes. Note: Definition of a complete binary tree ...

  5. [Swift]LeetCode556. 下一个更大元素 III | Next Greater Element III

    Given a positive 32-bit integer n, you need to find the smallest 32-bit integer which has exactly th ...

  6. [Swift]LeetCode668. 乘法表中第k小的数 | Kth Smallest Number in Multiplication Table

    Nearly every one have used the Multiplication Table. But could you find out the k-th smallest number ...

  7. Spring高级装配bean

    目录 spring profile 条件化的bean声明 自动装配与歧义性 bean的作用域 Spring表达式语言 一.环境与profile 配置profile  bean 在软件开发的时候,有一个 ...

  8. expect--自动批量分发公钥脚本

    1.在使用之前,先安装epel源,yum install expect -y2.写分发脚本,后缀为exp #!/usr/bin/expect set host_ip [lindex $argv 0] ...

  9. RabbitMQ消息队列（六）-消息任务分发与消息ACK确认机制（.Net Core版）

    在前面一章介绍了在.Net Core中如何使用RabbitMQ,至此入门的的部分就完成了,我们内心中一定还有很多疑问:如果多个消费者消费同一个队列怎么办?如果这几个消费者分任务的权重不同怎么办?怎么把 ...

  10. 环境与工具1：微信群刷屏 | itchat

    在微信群里面,"刷屏"的行为是被谴责的,伴随着"快发红包道歉"与"送飞机票"的出现.那如果小程硬是要做到"刷屏"来验证自 ...