阳光VIP

少壮不努力,老大徒伤悲。平日弗用功,自到临期悔。
  博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

2011年10月22日

摘要: 创建 基于模板的小部件(Widget)作者:Tom Trenka原文链接:http://dojotoolkit.org/documentation/tutorials/1.6/templated/译者: feijia (tiimfei@gmail.com)在本教程中,你将学到Dijit 的重要组成部分模板系统:Dijit._Templated ,以及如何使用模板来快速创建自己的小部件难度: 中等, 使用Dojo 版本: 1.6Dijit (Dojo的小部件库)提供的_Widget 和_WidgetBase基类为开发小部件提供了完整的基础类,但是_Templated 基类的所引入的模板系统则使D 阅读全文

posted @ 2011-10-22 21:12 阳光VIP 阅读(215) 评论(0) 推荐(0) 编辑

摘要: 作者: Tom Trenka原文链接: http://dojotoolkit.org/documentation/tutorials/1.6/understanding_widget/译者: feijia (tiimfei@gmail.com)本教程中,你将会学到Dijit中的_Widget和_WidgetBase这两个重要的基类对象,理解它们作为所有Dojo小部件的基类的作用和功能。难度:中等适用Dojo版本: 1.6创建Dijit (dojo的小部件库) 和自定义小部件的基础,是由两个基类构成的: dijit._widgetBase和 dijit._Widget. 当然Dijit系统还包含 阅读全文

posted @ 2011-10-22 21:11 阳光VIP 阅读(336) 评论(0) 推荐(0) 编辑

摘要: 原作者:Bryan Forbes 原文链接:http://dojotoolkit.org/documentation/tutorials/1.6/datagrid/译者:zhuxw (zhuxw1984@gmail.com)鉴于DataGrid对于表格数据的有效呈现,它早已成为许多应用的核心组件之一。在本教程中,我们将着眼于如何定义grid的布局结构,并讨论DataGrid所采用的滚屏机制。难度:中等适用Dojo版本:1.6 (其实绝大部分内容自1.2开始就支持了——译者注)dojox.grid.DataGrid估计我们都有过这样的经历:你的老板突然找到你,要求在你那个正在开发的应用中显示一大 阅读全文

posted @ 2011-10-22 21:10 阳光VIP 阅读(311) 评论(0) 推荐(0) 编辑

摘要: HTML5 Local Storage( 本地存储) 的前世今生原文连接:http://diveintohtml5.org/storage.html (深入HTML5)作者:Mark Pilgrim译者 : feijia (tiimfei@gmail.com)译者的话:上周读到这篇关于html5 local storage 的综述性文章觉得十分受益。这篇文章是作者的书HTML5 up & Running的的一个章节,并在线以 CC-BY-3.0 License授权。 可以看到dojox.storage 是在HTML5标准成型前整个业界唯一提供统一的本地存储接口的框架。 即使是在今天,为 阅读全文

posted @ 2011-10-22 21:09 阳光VIP 阅读(243) 评论(0) 推荐(0) 编辑

摘要: HTML5本地存储(Local Storage) 的前世今生(二)原文连接:http://diveintohtml5.org/storage.html (深入HTML5)作者:Mark Pilgrim译者 : feijia (tiimfei@gmail.com)这篇文章是作者的书HTML5 up & Running的的一个章节,并在线以 CC-BY-3.0 License授权。这是本文的第二部分,第一部分链接:深入HTML5: HTML5 本地存储( Local Storage )的前世今生 (一)追踪HTML5 存储区域中的数据变化除了常用的存取数据的方法,开发者还需要能够侦测数据变 阅读全文

posted @ 2011-10-22 21:08 阳光VIP 阅读(154) 评论(0) 推荐(0) 编辑

摘要: 该文最早发表于ITEYE博客,原文地址。作者:张卫滨(微博),感谢dojo中文博客原创和翻译了大量的精品文章,个人愿意借此平台与所有关注RIA技术的朋友交流。 dojo是功能非常强大的JavaScript类库,论类库本身的功能,丝毫不逊色于jQuery,但是jQuery的轻量级和丰富的插件使其在互联网领域风生水起,知名度要高得多。dojo也提供了自己的UI组件库,名为dijit,它们拥有统一的生命周期,性能也相当不错。dojo这几年也得到了很多大公司的支持,并应用于很多领域,比如struts2就使用了它,通过研究dojo的使用方式和源码对提升前台的开发能力大有益处。 dojo实现了强大的类继承 阅读全文

posted @ 2011-10-22 21:08 阳光VIP 阅读(201) 评论(0) 推荐(0) 编辑

摘要: 作者:David Walsh翻译:Siqi (siqi.zhong@gmail.com)原文:TweetView: Creating the Settings View在上一篇教程Dojo mobile TweetView 系列教程之三——Tweets和Mentions视图 中,我们夯实了TweetView应用程序的文件结构,回顾了创建TweetView的目标并通过编写tweetview._ViewMixin和tweetview.TweetView创建了Tweets和Mentions视图。本教程将重点介绍TweetView中的"Setting"视图:类的依赖关系、Setti 阅读全文

posted @ 2011-10-22 21:07 阳光VIP 阅读(177) 评论(0) 推荐(0) 编辑

摘要: 原题: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-10-22 21:07 阳光VIP 阅读(139) 评论(0) 推荐(0) 编辑

摘要: 作者:David Walsh翻译:Siqi (siqi.zhong@gmail.com )原文:TweetView: Android, Packaging, and Review在前两篇教程Dojo mobile TweetView 系列教程之三 —— Tweets和Mentions视图 与 Dojo mobile TweetView 系列教程之四 —— 创建 Setting 视图 中,我们创建了TweetView 移动应用程序所需的HTML, CSS和JavaScript代码。本教程将重点介绍如何实现一套Android主题,并使用Dojo的打包系统来使应用程序更紧凑,之后我们将回顾一下整个基 阅读全文

posted @ 2011-10-22 21:06 阳光VIP 阅读(110) 评论(0) 推荐(0) 编辑

摘要: 原作者:Kris Zyp原文链接:http://dojotoolkit.org/documentation/tutorials/1.6/store_driven_grid/译者:zhuxw(zhuxw1984@gmail.com)鉴于DataGrid对于表格数据的有效呈现,它早已成为许多应用的核心组件之一。在本教程中,我们将着眼于如何为grid连上store(Dojo的客户端数据集——译者注),以进行快捷高效的数据读取和更新。难度:初等Dojo版本:1.6DataGrid和Store首先,我们将创建一个store。在本例中将创建一个JsonRest store,它将通过JSON REST HT 阅读全文

posted @ 2011-10-22 21:05 阳光VIP 阅读(304) 评论(0) 推荐(0) 编辑

摘要: 在这个教程中,我们将会演示如何利用Dojo 和Dijit框架来创建自定义的小部件。 主要会使用到dijit._Widget 和dijit._Templated 基类和mixin。对dijit框架的基础知识,可以参看前两篇教程 难度:中等适用Dojo版本: 1.6作者:Brian ArnoldBrian Arnold is a software engineer at SitePen, Inc. He has a lovely wife, two cute dogs, is an active member of (and presenter at) Webuquerque, and ranks 阅读全文

posted @ 2011-10-22 21:04 阳光VIP 阅读(243) 评论(0) 推荐(0) 编辑

摘要: 在本教程中我们将会探索Dojo工具包提供的JavaScript特效,这些特效将给你的页面和网站创造酷炫的效果!难度: 初学者所需Dojo版本: 1.6作者: Bryan Forbes译者: feijia (tiimfei@gmail.com)在前面的一系列教程中,我们已经学习了如何使用并操作DOM节点,处理DOM事件。但是当我们在对DOM节点进行操作时,有些转换会显得突兀:例如删除一个节点,在用户看来它就会在页面上突然消失,有时这种页面上的突然变化会误导用户。使用Dojo提供的特效工具,我们可以构建出更加连贯的用户体验,并且让我们的应用程序显得更加精致和完美。如果我们进一步使用dojo.fx包 阅读全文

posted @ 2011-10-22 21:03 阳光VIP 阅读(166) 评论(0) 推荐(0) 编辑

摘要: Dojo interest list是全球Dojo用户分享经验、交流心得、提出需求、甚至向开发者报告bug的平台。经常去那儿逛逛能使人受益匪浅,当然一定的E文功底还是少不了的。这里精选了10篇八月份技术类的Q&A帖,希望对大家有用:如何使用自动完成?如何对使用formatter的grid列排序?如何获取通过href加载的ContentPane中的widget引用?如何用JSON对象填充ComboBox?如何只导出grid的一部分列?如何将grid中可编辑单元格的改动手动应用到store?能够在FilteringSelect中应用自定义的CSS样式吗?何时使用FilteringSelec 阅读全文

posted @ 2011-10-22 21:02 阳光VIP 阅读(102) 评论(0) 推荐(0) 编辑

摘要: 在Dojo1.6中有一个崭新的Multi-File Uploader (dojox.form.Uploader),它具有一个可定制样式的file input按钮,可使用多文件选择模式,且完全基于HTML元素。在不支持HTML5的浏览器中,该控件可以自动切换到使用Flash或者iframe。原文:The New HTML5 Multi-File Uploader作者:Mike Wilcox难度: 初学者Dojo版本: 1.6入门File input之所以叫file input是因为它是一个标准的input元素,且其type属性被设置为"file"。很多年以来,file inp 阅读全文

posted @ 2011-10-22 21:01 阳光VIP 阅读(180) 评论(0) 推荐(0) 编辑

摘要: 1. 简介Build系统是产品正式发布的最后一道工序,其效率和质量直接决定着最终产品的效率和质量。虽然在传统应用中,Build系统已经相当成熟,但在Web领域,依然是八仙过海,各显神通,甚至不经Build就直接上线的也比比皆是。Web系统的零散性、复杂性,也决定了对其进行Build是一件复杂的事情。但通过Dojo,我们认识到了一款开源的Web应用Build系统:bdBuild,也见识了其强大的功能。它是一个独立的通用Build系统,完全用JavaScript写成,可以运行于NodeJS或者Rhino等JavaScript引擎,理论上可以对任何Web应用进行Build。下面就将介绍Dojo中是如 阅读全文

posted @ 2011-10-22 21:01 阳光VIP 阅读(140) 评论(0) 推荐(0) 编辑

摘要: 去年此时,我们正式开设了Dojo中文博客。目标很明确,就是能够让有需要的人在搜索Dojo中文资料时能看到最新最专业的技术文章。一年来,我们持续的关注Dojo社区的最新进展,或者将最新的教程翻译成中文;或者根据自己的经验发布原创技术文章。我们也欣喜的看到越来越多的人开始关注Dojo,将Dojo应用到自己的项目之中。正如在本博客创建之初提到的:为什么选择Dojo,我们相信凭借Dojo的实力,一定能够让前端RIA的开发更有效率,也一定能让更多的人喜欢上Dojo。凭借良好的架构和自身的发展,Dojo未来也将在除了传统Web之外的领域发挥更多的作用,比如dojo.mobile提供了移动设备的触摸手势支持 阅读全文

posted @ 2011-10-22 21:00 阳光VIP 阅读(142) 评论(0) 推荐(0) 编辑

摘要: 简介:无论动画以何种技术载体呈现,无论是传统的手绘动画,还是电脑生成的3D动画,也无论是用Flash还是CSS, 动画的基本原理和设计准则都未曾变过的。 在这篇文章中,我们会先解释CSS动画的基本概念,并且介绍使用CSS创建动画的要点。我们以一个例子贯穿始终,利用传统动画的准则来逐步构建这个动画。接上篇CSS 动画指南: 原理和实战 (一)作者: Tom Waterhouse原文连接:http://coding.smashingmagazine.com/2011/09/14/the-guide-to-css-animation-principles-and-examples/#more-105 阅读全文

posted @ 2011-10-22 20:59 阳光VIP 阅读(151) 评论(0) 推荐(0) 编辑

摘要: 简介:无论动画以何种技术载体呈现,无论是传统的手绘动画,还是电脑生成的3D动画,也无论是用Flash还是CSS, 动画的基本原理和设计准则都未曾变过的。 在这篇文章中,我们会先解释CSS动画的基本概念,并且介绍使用CSS创建动画的要点。我们以一个例子贯穿始终,利用传统动画的准则来逐步构建这个动画。作者: Tom Waterhouse原文连接:http://coding.smashingmagazine.com/2011/09/14/the-guide-to-css-animation-principles-and-examples/#more-105335译者: feijia (tiimfei 阅读全文

posted @ 2011-10-22 20:58 阳光VIP 阅读(208) 评论(0) 推荐(1) 编辑

摘要: 不知道大家在使用dojo各种空间的同时,有没有关注一下dojo里面的各种工具包?有些工具包可能并不显眼,但是对我们的软件产品或者项目可能帮助甚 大,今天我简单说说dojo extension(dojox)控件库里面的两个非常有用的工具包 --- dojox.timing 和 dojox.string.首先来谈谈timing。可能很多同学听都没有听过,不过我不得不说,他已经存在很久了。今天,我们分两部分来给大家讲解一下:dojox.timingdoLater其实通过名字我们就能看出点大概 -- “晚点再做”。事实上,他就是这个意思,我们来看看这个代码:initCustomerWidget: fu 阅读全文

posted @ 2011-10-22 20:57 阳光VIP 阅读(143) 评论(0) 推荐(0) 编辑