3

私は、HTML5 と Javascript でポータル コンテナーを構築する必要があるシナリオにいます。このコンテナーには「n」個のウィジェット URL が提供され、コンテナーは (iFrame ではなく) DIV で Ajax を介してそれらをロードする責任があります。

ここで問題は、各ウィジェットの JavaScript 関数の定義を分離する方法です。たとえば、コンテナ ページに Widget1_DIV と Widget2_DIV の 2 つの DIV があるとします。Widget1_DIV には Widget1 の HTML、JS、CSS が配置され、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 に答える