随笔分类 -  Dojo核心(dojo)

Dojo1.7动画特效详解
摘要:在本教程中我们将会探索Dojo1.7工具包提供的JavaScript特效,这些特效将给你的页面和网站创造酷炫的效果!本文由Oliver翻译自:Dojo Effects本文是对dojo1.6同名教程的更新,并使用了1.7版中最新的写法。在翻译过程中参考了1.6版的译文:dojo 1.6 官方教程: 手把手教你创建HTML5 JavaScript 动画特效引言在前面的一系列教程中,我们已经学习了如何使用并操作DOM节点,处理DOM事件。但是当我们在对DOM节点进行操作时,有些转换会显得突兀:例如删除一个节点,在用户看来它就会在页面上突然消失,有时这种突然变化可能会误导用户。使用Dojo提供的标准特 阅读全文
posted @ 2012-04-24 13:20 springside5 阅读(384) 评论(0) 推荐(0)
Dojo Dnd - 拖拽功能实战
摘要:本文翻译自:http://www.sitepen.com/blog/2011/12/05/dojo-drag-n-drop-redux/原文作者:Colin Snover译者:Ruan Qi拖拽(dojo/dnd)作为Dojo的基础功能之一,可视化地支持页面元素或对象在多个容器之间拖放。Dojo/dnd还支持同时拖拽多个对象;另外还可以制定规则过滤拖放对象的目标容器,比如“桌子”应该被放在“家具”容器内,而不该放在“家电”容器中。下面通过一个有趣的故事,开始我们的Dojo拖拽功能实践。1 单个容器内的拖拽首先来介绍一下Dylan,Dylan这家伙最大爱好就是收集二手旧货。刚才他决定把一部分旧货 阅读全文
posted @ 2012-03-20 10:26 springside5 阅读(891) 评论(0) 推荐(0)
富互联网应用程序中多个构件之间的通信
摘要:原文:http://www.sitepen.com/blog/2011/11/07/communicating-between-widgets-in-a-rich-internet-application/作者:Ken Franqueiro译者:Liu Yang (fdliuyang@gmail.com)作为我们十月(译者注:2011年)份举行的免费Dojo 支持活动的一部分,我们收到来自Manu Subramanian提出的关于如何在富互联网应用程序中管理多个不同控件之间通信的如下问题:我们正在用dojo构建一个应用。它的有多个互相关联的界面组件。例如,页面顶部有一个包含多个下拉按钮的工具条 阅读全文
posted @ 2012-03-14 23:35 springside5 阅读(148) 评论(0) 推荐(0)
Dojo的内建JSON解析模块
摘要:原文链接:http://www.sitepen.com/blog/2012/01/05/native-json-parsing-in-dojo/原作者:Kris ZypDojo1.7引入了一个新的模块:dojo/json。该模块与原有的dojo.fromJson和dojo.toJson函数的不同点在于,它基于JavaScript语言内建支持的JSON API。它还采用了内建的JSON解析与序列化功能(如果存在的话),因此在任何浏览器上都能达到最快的速度。新的API用起来很简单,而且如果你用过json.org函数库或者浏览器内建函数的话,就会更容易上手。一旦加载了"dojo/json& 阅读全文
posted @ 2012-03-07 17:26 springside5 阅读(386) 评论(0) 推荐(0)
dojo类机制实现原理分析
摘要:前段时间曾经在InfoQ中文站上发表文章,介绍了dojo类机制的基本用法。有些朋友在读后希望能够更深入了解这部分的内容,本文将会介绍dojo类机制幕后的知识,其中会涉及到dojo类机制的实现原理并对一些关键方法进行源码分析,当然在此之前希望您能够对JavaScript和dojo的使用有些基本的了解。dojo的类机制支持类声明、继承、调用父类方法等功能。dojo在底层实现上是通过操作原型链来实现其类机制的,而在实现继承时采用类式继承的方式。值得一提的是,dojo的类机制允许进行多继承(注意,只有父类列表中的第一个作为真正的父类,其它的都是将其属性以mixin的方法加入到子类的原型链中),为解决多 阅读全文
posted @ 2012-01-09 16:10 springside5 阅读(223) 评论(0) 推荐(0)
dojo类机制简介
摘要:随着AJAX和RIA技术的发展,JavaScript被广泛的使用,并在开发中发挥着越来越重要的作用。JavaScript提供了特有的类机制,但是在语法习惯上与传统面向对象的语言有很大的不同,这使得不少的JavaScript开发人员感到比较迷惑,而dojo作为功能强大的JavaScript类库,有功能完整的类机制实现。本文将通过实例介绍dojo的类机制,这是dojo提供的一种强大和灵活的功能,其dijit UI组件框架也是以此为基础实现的。1.使用dojo定义类声明dojo类是通过dojo.declare()方法来实现的,如我们想要定义一个名为com.levinzhang.Person的类,该类 阅读全文
posted @ 2012-01-09 15:56 springside5 阅读(211) 评论(0) 推荐(0)
Dojo JSONP 入门
摘要:JSON with Padding (JSONP)现在已经成为浏览器端跨域访问资源的常用解决方法。在本教程中,将会介绍JSONP是什么,并告诉你如何使用它来跨域获取数据。难度:初学者Dojo版本:1.6作者:Dustin Machi原文:Getting Jiggy with JSONP开始上手Dojo内置的Ajax模块提供了一套简单而强大的接口来动态获取资源。然而,浏览器的跨域安全策略会限制你使用XHR请求另一个域下的资源。这该怎么办呢?越来越多的现代浏览器开始遵循W3C的Cross-Origin Resource Sharing 规约来提供跨域请求的能力,但是,并不是所有浏览器都这么做了,并 阅读全文
posted @ 2011-10-25 10:32 springside5 阅读(331) 评论(0) 推荐(0)
Dojo interest邮件列表八月Q&A精选
摘要:Dojo interest list是全球Dojo用户分享经验、交流心得、提出需求、甚至向开发者报告bug的平台。经常去那儿逛逛能使人受益匪浅,当然一定的E文功底还是少不了的。这里精选了10篇八月份技术类的Q&A帖,希望对大家有用:如何使用自动完成?如何对使用formatter的grid列排序?如何获取通过href加载的ContentPane中的widget引用?如何用JSON对象填充ComboBox?如何只导出grid的一部分列?如何将grid中可编辑单元格的改动手动应用到store?能够在FilteringSelect中应用自定义的CSS样式吗?何时使用FilteringSelec 阅读全文
posted @ 2011-08-30 13:12 springside5 阅读(108) 评论(0) 推荐(0)
dojo 1.6 官方教程: 手把手教你创建HTML5 JavaScript 动画特效
摘要:在本教程中我们将会探索Dojo工具包提供的JavaScript特效,这些特效将给你的页面和网站创造酷炫的效果!难度: 初学者所需Dojo版本: 1.6作者: Bryan Forbes译者: feijia (tiimfei@gmail.com)在前面的一系列教程中,我们已经学习了如何使用并操作DOM节点,处理DOM事件。但是当我们在对DOM节点进行操作时,有些转换会显得突兀:例如删除一个节点,在用户看来它就会在页面上突然消失,有时这种页面上的突然变化会误导用户。使用Dojo提供的特效工具,我们可以构建出更加连贯的用户体验,并且让我们的应用程序显得更加精致和完美。如果我们进一步使用dojo.fx包 阅读全文
posted @ 2011-08-26 16:12 springside5 阅读(217) 评论(0) 推荐(0)
dojo的connect方法使用与源代码剖析(在JavaScript里实现类似AOP的效果)
摘要:该文最早发表于ITEYE博客,原文地址。作者:张卫滨(微博),感谢dojo中文博客原创和翻译了大量的精品文章,个人愿意借此平台与所有关注RIA技术的朋友交流。 dojo是功能非常强大的JavaScript类库,论类库本身的功能,丝毫不逊色于jQuery,但是jQuery的轻量级和丰富的插件使其在互联网领域风生水起,知名度要高得多。dojo也提供了自己的UI组件库,名为dijit,它们拥有统一的生命周期,性能也相当不错。dojo这几年也得到了很多大公司的支持,并应用于很多领域,比如struts2就使用了它,通过研究dojo的使用方式和源码对提升前台的开发能力大有益处。 dojo实现了强大的类继承 阅读全文
posted @ 2011-07-19 15:36 springside5 阅读(154) 评论(0) 推荐(0)
Dojo 1.6 官方教程:Dojo中的事件
摘要:原题:Events with Dojo原文链接: http://dojotoolkit.org/documentation/tutorials/1.6/events/作者: Bran Forbes译者: wangqiang本文将与读者一同深入探究dojo.connect,如何使用Dojo来轻松的绑定DOM事件以及在原生对象上自定义事件。同时我们也将对Dojo的publish/subscribe框架进行探讨。难度:初学者适用Dojo版本:1.6前言很多的JavaScript代码都是围绕着事件的,包括创建新事件或是对事件的响应。这意味着建立一个交互式的网络应用的关键就是创建有效的事件连接体制。事件 阅读全文
posted @ 2011-06-05 14:18 springside5 阅读(376) 评论(0) 推荐(0)
Dojo 1.6 官方教程:让数组变得简单
摘要:原题:Arrays Made Easy原文链接: http://dojotoolkit.org/documentation/tutorials/1.6/arrays/作者: Bran Forbes译者: feijia (tiimfei@gmail.com)在本教程中你将会学到如何使用dojo提供的跨平台的JavaScript数组操作难度:初学者适用Dojo版本:1.6访问并操作数组是开发Web应用中的重要部分。JavaScript语言设计时就考虑到了这种需求,因此在语言层面已经加入了一些针对数组操作的方法来简化这一工作。遗憾的是不是所有浏览器都实现了同样的JavaScript标准。Dojo作为 阅读全文
posted @ 2011-05-31 11:30 springside5 阅读(225) 评论(0) 推荐(0)
实战Dojo与RequireJS集成 之二
摘要:Dojo 和requireJS 集成之二作者: feijia (tiimfei@gmail.com)在成功了配置了dojo和requireJS之后,我们要仔细分析一下这个模板项目的源代码, 看看Ben提供的程序框架究竟是怎么实现的。 首先我们会注意到 index.html<!DOCTYPE html><html lang="en-us"> <head> <meta charset="utf-8" /> <title>dojo with requirejs test page</title& 阅读全文
posted @ 2011-05-12 17:07 springside5 阅读(352) 评论(0) 推荐(0)
实战Dojo与RequireJS集成 之一
摘要:在前几篇关于Dojo 1.6中新加入AMD支持的介绍文章中我们提到, 虽然dojo1.6 没有自带一个AMD加载器,但是dojo可以作为一个AMD模块被任意标准AMD 加载器(AMD loader) 加载(例如requireJS)后面有读者问具体如何实现。 本文就次做一些探讨。 在开始动手之前我们要下载一些素材首先我们要感谢Ben Hockey 他已经为dojo 和requireJS的集成做了一个模板项目, 在GitHub上供人下载参考。 地址是: https://github.com/neonstalwart/dojo-requirejs-template点击download, 下载zip包 阅读全文
posted @ 2011-05-06 14:03 springside5 阅读(230) 评论(0) 推荐(0)
Dojo1.6新特性:再谈AMD规范
摘要:1. AMD的由来前端技术虽然在不断发展之中,却一直没有质的飞跃。除了已有的各大著名框架,比如Dojo,JQuery,ExtJs等等,很多公司也都有着自己的前端开发框架。这些框架的使用效率以及开发质量在很大程度上都取决于开发者对其的熟悉程度,以及对JavaScript的熟悉程度,这也是为什么很多公司的技术带头人都喜欢开发一个自己的框架。开发一个自己会用的框架并不难,但开发一个大家都喜欢的框架却很难。从一个框架迁移到一个新的框架,开发者很有可能还会按照原有框架的思维去思考和解决问题。这其中的一个重要原因就是JavaScript本身的灵活性:框架没办法绝对的约束你的行为,一件事情总可以用多种途径去 阅读全文
posted @ 2011-05-05 14:36 springside5 阅读(183) 评论(0) 推荐(0)