3

我处于必须使用 HTML5 和 Javascript 构建门户容器的情况下。该容器将提供“n”个小部件 URL，并且容器负责通过 DIV（而不是 iFrame）中的 Ajax 加载它们。

现在的问题是如何将每个小部件的 JavaScript 函数定义分开？比如我在容器页面上有两个DIV，Widget1_DIV和Widget2_DIV。Widget1 的 HTML、JS 和 CSS 将被放置在 Widget1_DIV 中，对于 Widget2 也是如此。

现在假设两个小部件都有一个同名 'foo' 的 JS 函数，一旦它们嵌入到同一个 DOM 中就会发生冲突。我想知道 RequireJS 是否有助于避免冲突或使两个小部件的 DIV 模块化的正确解决方案？

谢谢

4

2 回答 2

0

您是否考虑过使用任何 JS 框架？我推荐你AngularJS是因为它的功能、MVC 方法和灵活性。我知道，这需要在项目生命周期的开始做很多工作，但后来你肯定会看到优势和强大的页面结构。

此外，Angular JS 允许您保留分离的项目结构：

- WidgetName
| - javascriptfile.js
| - widgetpage.html
| - javascriptfile_test.js

查看更多：https ://angularjs.org/

当然你不需要使用这个特定的框架，还有很多其他很棒的工具：Knockout, Backbone, ... 。

于 2014-11-24T09:31:41.927 回答
0

如何为此使用仪表板框架。这应该使事情变得更容易。例如： http ://dashing.io/

于 2014-11-24T09:32:52.570 回答