如何从两个UI元素设置状态变量?

时间:2018-03-19 21:51:12

标签: javascript

所以,如果这是一个过于开放和类似初学者的问题,请道歉。

我正在尝试构建一个单页应用,其中一个可以通过两种方式控制变量:

  • 在D3散点图图表上拖动相应的数据点
  • 通过滑块设置其值

我希望图表在滑块移动时更新,并在图表更新时通过拖动图表上的数据来移动滑块。

我想过通过以下方式解决这个问题:

  • 意大利面条纠结事件
  • 调解更改的代理对象

然而,我问自己(以及杰出的SO社区)是否有更好的方法来解决这个问题?

1 个答案:

答案 0 :(得分:0)

解决此问题的关键字是'数据绑定'。有几个框架可以解决这个问题。这意味着,你有一个javascript模型,它包含你想要使用的值和类似代理的东西,它处理变化和填充并将更改应用于视图或分别应用于模式..

如果您可能更频繁地需要这种情况,这通常适用于单页应用,我建议您使用一些框架,它可以帮助您而不是重新发明轮子。

如果你想继续使用基于客户端的Javascript,你可能会看看Angular.js(从未使用它,但是maaaany人确实喜欢它)或Knockout.js(我使用它,但有没有进一步的发展)。

在过去的几年里,现在很多人切换到Node.js和Angular2(Angular.js的进一步开发)或React.js或Vue.js.你也可以看看它,但进入细节会破坏答案。此外,我现在只知道一些基础知识,其他人可以做得更好,而且已经做得更好。