Dojo 控件性能优化最佳实践

核心提示：Dojo 是一种流行的开源 JavaScript 工具包，为基于 web 应用的 JavaScript 快速开发而设计，Dojo 控件性能优化最佳实践，它已经被广泛地使用在 Web 开发中，Dojo 提供了丰富的 Widget，同时还提供了许多令人兴奋的高级功能，它可以大大提升你的 web 应用程序交互能力以及功能上的

Dojo 是一种流行的开源 JavaScript 工具包，为基于 web 应用的 JavaScript 快速开发而设计，它已经被广泛地使用在 Web 开发中。Dojo 提供了丰富的 Widget，让您更容易地为 Web 页面添加动态能力，提升 Web 应用程序的可用性和交互能力，同时提高了程序员的开发效率。本文主要介绍 Dojo Widget 在项目中的应用以及一些应用过程中的实践经验，重点阐述几种在 web 页面初始化 Dojo widget 的方式，如果一个复杂页面中包含很多的 widget，那么初始化所有这些 Widget 将会占用很多的时间（这是因为每一个 widget 都会载入所有相关的 JavaScript 和 CSS 文件，并且会重新构建 widget 结构），文本将针对此类情形导致初始化速度过慢，影响用户体验的问题提出了一种解决方案。最后本文给出了每种初始化方法的测试数据，以方便用户去衡量和选择某种初始化方法。

什么是 Dojo ？

Dojo 是一个用 JavaScript 语言实现的开源 DHTML 工具包，是基于 CSS 和 JavaScript 实现的一个通用类库。Dojo 的目标是解决开发 DHTML 应用程序遇到的那些，长期存在 、历史问题。Dojo 在内部处理了 DHTML 在不同浏览器上显示的差异，这让程序员大大节省了开发过程针对不同浏览器进行调试和容错的开销。Dojo 让你更容易使 web 页面具有动态能力，或在任何稳健的支持 JavaScript 语言的环境中发挥作用。dojo 是一个很好的基础架构。它可以非常有效地分离页面中的 Structure、Presentation、Behaviour，这对于实现 Ajax 组件 unobtrusive 的目标非常有帮助。

什么是 Dojo Widget?

Widget 是 Dojo 提供组件，将最常用的功能封装成为一个现成的对象提供给使用者，并且提供了相关的属性和基本的方法、事件，使用者还可以根据自己使用的需要添加新的属性，Dojo 的控件既保持了页面元素的基本功能，同时还提供了许多令人兴奋的高级功能，它可以大大提升你的 web 应用程序交互能力以及功能上的提高，利用它的底层 API 可以使你更容易的建立风格统一的、友好的用户界面。