在dojo中以编程方式与声明性创建的小部件之间的区别?

时间:2013-10-18 02:22:07

标签: javascript dojo

我知道在dojo中我们可以用两种方式创建任何小部件,

  1. 编程
  2. 声明
  3. 要以编程方式创建小部件,我们将使用JavaScript,而对于声明式,我们将在HTML标记中使用dojo属性。

    有人可以解释一下他们之间有什么区别吗?

    哪一个最受欢迎?为什么?

1 个答案:

答案 0 :(得分:7)

差分

嗯,两种方式之间都存在一定的差异。在声明方式中,所有配置都基于HTML属性,如dojo-data-props,还有一些其他属性,如值,标题,....因此,您创建的DOM节点实际上充当某种占位符。

当您通过编写JavaScript代码创建窗口小部件时,您必须提供您将附加它的DOM节点,但最大的区别是它不会从该DOM节点复制HTML属性。这里的DOM节点仅用作容器,而不是占位符。


优选的

没有最优选的解决方案,通常取决于您的应用程序的要求以及您认为最清洁的开发方式。

我个人喜欢声明性标记,因为它最终是用户界面的一部分。但是,你可以尽可能地去。我已经看到人们也以声明的方式创建商店和小部件事件处理程序,但我个人更喜欢用JavaScript编写它们,因为它们不是用户界面的一部分。

还有其他原因可能会改变您创建小部件的方式。例如,声明性标记的一个最大缺点是您需要解析页面(例如使用parseOnLoad)。这通常比以编程方式创建小部件慢。您可以通过仅解析某些DOM节点来改进它,但之后您必须编写其他代码(并且它仍然不会更快)。

只是一个小小的音符;这并不意味着声明方式很慢。这只是一个应该执行的额外操作,因此,它有点慢,但最终用户可能甚至看不到差异。

然而,声明方式的一个优点是,在加载页面时,最终用户可以看到占位符。如果您选择正确的占位符(例如,<select>dijit/form/FilteringSelect dijit/form/ComboBox),最终用户至少会看到一些内容。如果以编程方式创建所有内容,最终用户将看到一个空白页面,直到执行JavaScript代码。

因此,如果性能是其中一项要求,那么您可以选择以编程方式创建它们。如果你想分离表示层与业务逻辑分离的代码,那么我建议使用声明方式。

但最终,两种解决方案都很好。