码迷,mamicode.com
首页 > 其他好文 > 详细

Dojo框架学习笔记<一>

时间:2016-04-05 19:39:57      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:

因为工作刚接触到dojo框架,网上找各种资料,发现很少很少(大多是以前的),只能看官网学习了,英文不行,一边翻译一边学习,还能学点单词...呵呵

我在Apache下运行Dojo demo,初学,希望有理解不对的地方指点指点...

一、先总的来认识一下dojo的工具包:

  ①dojo

  dojo框架的核心包。dojo里普遍实用的软件包、模块都在里面,如:Ajax、DOM操作、类编程、事件、异步Promises、数据存储、拖放以及本地化与国际化等...

  ②dijit

  小部件框架和内建的小部件集。

  ③dojox

  它是建立在dojo和dijit之上,有些模块在实验阶段,有些已经很成熟。

  ④util

  支持其他的工具包,能够编译测试和文档代码。

  ⑤dgrid

  轻量级表格控件

  ⑥gridx

  以快速渲染、模块化、插件为基础的控件,数据结构与算法、数据处理与通信、实用工具、图形 API 以及 Web UI 等。

二、AMD(异步模块加载机制)

  模块:是一个可以被单个参考访问的值,如果有多个数据或者功能要在一个模块中,那么他们必须是指向模块的一个单个对象的属性,一个模块通常是一个单一的JavaScript文件。

  模块的加载机制:通过两个全局函数require/define加载模块

  require({提供的对象}[模块依赖列表(字符串数组)],fun(callback)),参数都是可选的;

  require(["my/app","dojo"],function(app,dojo){

    .....

    //只是加载了模块,没有返回自己的值

  });

  define("模块名",[模块依赖列表(字符串数组)],fun(模块的值是函数的返回值)/value),前两参数可选;

  define("my/mapper/api",[

  "dojo/_base/declare",

      ...,

  "dojo/domReady!"],function(declare,...,ready){

  return ....

  //加载了模块,也提供了值

  });

  AMD:Asynchronous Module Definition(异步模块加载机制),模块的定义,依赖关系,引用关系以及加载机制。

三、dojoConfig:

  dojoConfig是配置dojo的主要机制,它被模块加载器引用着,也是Dojo组件的全局选项,如果需要,也可以进一步被自定义程序配置点使用。

  dojoConfig = {

    has:{

      "dojo-firebug": true

    },

    parseOnLoad: false,
         foo: "bar",
         async: true

  };

    has:通过包含一个对象特性的散列值做为has的特性,这个特性设置是为了决定Dojo支持的某一能力。dojo-firebug:调试配置;

    parseOnLoad:是否在页面加载完成以后执行解析功能(dojo/parser);

    async:是否异步。

    baseUrl: 当转化一个模块标识符为地址或者URL时,baseUrl将添加给它。

    packages: 一个对象数组,它提供了包的名字和位置。

    aliases: 允许你设置模块的别名。

    paths: 允许自定义路径。

    packagePaths: 速记符号,可以用来指定多个相同根目录的包配置。

    deps: 一个应该在Dojo载入完成后立即载入的资源路径数组。

    callback: 一个在deps被取出后执行的回调函数。

    waitSeconds: 等待加载模块超时时间,默认为0(永远等待)。

    cacheBust:如果为true,添加时间值到每个模块URL中作为querystring避免模块缓存。

  Dijit,DojoX,它们的模块标志和行为是可以被设置的,同样也可以在你自己的应用程序和模块中使用

    

  

Dojo框架学习笔记<一>

标签:

原文地址:http://www.cnblogs.com/a-qiang/p/5356115.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!