摒弃dojo丑陋的源码,封装自己漂亮的widget
本文有两部分:
1.为什么dojo的源码是丑陋的?
2.如何封装自己的widget,既模块化又丝毫不影响移植性?
——————————————————————————————————————————————————————
1.Dojo源码丑陋的表现有三
a)b)删除了,因为在其下载包里面的确有未压缩的包含了注释的版本
c)源码的widget写法非常丑陋
源码中在用defineWidget()方法编写widget的时候,全部使用templateString,
而一般情况下widget的templateString都特别长,
而且里面充满了转义符号和引号。
导致dojo里面的widget的js代码一行竟然有上万字符!!!!
——————————————————————————————————————————————————————
2. 针对1中的第三点。
在用defineWidget()方法编写widget的时候,使用templatePath和templateCssPath属性
来定义widget的组成和样式。这两个文件和js代码写在三个文件中。在设置templatePath和templateCssPath属性
的时候用据对路径+相对路径来设置。绝对路径是这个widget存贮在dojo的【widget,路径】map中的路径值,
分享到:
相关推荐
Dojo的Widget系统是其核心特性之一,它允许开发者将HTML模板、CSS样式和JavaScript逻辑封装在一起,形成可复用的组件。创建自定义Widget的过程大致分为以下几个步骤: 1. **定义Widget结构**:首先,你需要决定...
**DOJO权威指南+DOJO1.1源码** DOJO是一个开源的JavaScript库,它提供了丰富的工具和功能,用于构建交互式Web应用程序。这个资源集合包括了《DOJO权威指南》的中文版以及DOJO 1.1的源代码,为深入理解和应用DOJO...
这个压缩包包含的是Dojo的核心源码,分为压缩版和未压缩版。`dojo.js.uncompressed.js`是未压缩的源码文件,适合学习和调试;而`dojo.js`则是经过压缩和优化的版本,用于生产环境以提高页面加载速度。 1. **模块化...
这个"超多的Dojo实例应用演示源码"压缩包显然是一个关于Dojo框架的实践教程集合,其中包含了多个示例项目,可以帮助开发者更好地理解和学习Dojo的用法。 1. **Dojo基础**:Dojo的核心是dojo.js文件,它提供了一系列...
通过分析这个源码包,开发者不仅可以了解Dojo 1.1.2版本的具体实现,还能对比学习Dojo后续版本的改进和新特性。同时,对于想要深入了解Ajax开发或者JavaScript库构建的人来说,这是一个很好的学习资源。
《精通Dojo》随书源码是一份宝贵的资源,它为深入理解Dojo JavaScript库的工作原理提供了实践基础。Dojo是Web开发中的一个强大工具集,由Dojo基金会创建,旨在提供一套完整的前端开发解决方案,包括UI组件、数据管理...
这个压缩包包含的是Dojo框架的1.4.2版本的源码,这是一个较早的版本,但仍然包含了许多核心概念和设计模式,对于学习和理解Dojo的架构以及JavaScript编程技巧非常有帮助。 在Dojo源码中,我们可以深入探索以下几个...
在Dojo中,Widget是UI组件的基础,它封装了HTML结构、CSS样式和JavaScript行为,让开发者能够以声明式的方式创建复杂的用户界面。Widget可以是一个简单的按钮,也可以是一个完整的表单或者页面布局。它们的核心理念...
通过分析和学习Dojo源码,我们可以深入了解JavaScript库的设计思想,学习模块化开发的最佳实践,并从中吸取灵感,应用到自己的项目中。Dojo作为一个历史悠久且功能丰富的库,对于提升JavaScript技能和Web开发能力...
<<Dojo的高级运用:Widget的制作>> 和 使用Dojo和JSON构建Ajax应用>> 中涉及到的源代码 博文链接:https://tailsherry.iteye.com/blog/102907
而“dojo”目录则包含Dojo核心库的源码,包括基础模块、AMD加载器以及其他核心功能。 学习Dojo 1.7 的源码可以帮助开发者更深入地理解JavaScript库的设计理念,提升前端开发技能。通过阅读和分析源码,你可以学习到...
4) 当对前端界面联动需求较为复杂的时候,基于dojo的页面组件将是首选,因为其可以将界面中某一个具有共性的区域抽象出来,封装这一区域的界面行为以及数据,可以用搭积木的方式完成复杂页面的开发 Dijit库提供了...
【标题】:“征服DOJO源码”意味着我们将深入探索DOJO JavaScript库的内部工作机制,学习如何理解和使用其源代码。DOJO是一个强大的JavaScript框架,它提供了丰富的功能,包括DOM操作、事件处理、Ajax通信、动画效果...
2. **网页服务**:例如Netvibes、iGoogle和Pageflake等个性化首页,用户可以根据需要添加各种Widget,如新闻、天气、股票等,定制自己的在线环境。 3. **社交媒体**:许多Widget专门为Myspace等社交平台设计,帮助...
5. **dojo/Widget**:Dojo提供了丰富的UI组件,如按钮、表单、对话框等,它们都继承自`dojo/_base/widget.Widget`。开发者可以通过`dojo/_base/lang.extend`扩展自定义组件。 6. **dojo/Stateful**:这个基类提供了...
在"dojo-release-1.9.0-src.zip"这个压缩包中,我们获取的是Dojo 1.9.0版本的源码,这对于开发者深入理解Dojo的工作原理、定制组件以及优化性能有着极高的价值。 首先,Dojo的核心概念是模块化。它采用了AMD...
《dojo china extjs 视频教程源码》 在当今的Web开发领域,JavaScript框架扮演着至关重要的角色,其中Dojo和ExtJS是备受开发者喜爱的两个库。本教程源码集结合了这两个强大的工具,为学习者提供了一次深入理解它们...
【Dojo Widget安全通讯】 1. **文档目的** 本文档旨在为项目团队提供关于Dojo Widget安全通信的深入理解,以便在实际开发和研究过程中遵循正确的安全实践,确保Widget之间的交互不会受到潜在的安全威胁。 2. **...
例如,`dojo.widget.*` 表示包含 Dojo小部件的所有模块,这些小部件是可复用的 UI 组件。当你声明需要使用某个包时,实际上是在要求加载该包下的所有模块。在 Dojo 中,使用 `dojo.require` 来声明所需的模块和包,...