javascript - Backbone JS 和 JQuery 插件架构在 Mini Photoshop 项目中一起使用

Question

我对 BackboneJS 还很陌生。对于迄今为止一直使用纯 JSON 的人来说，这是令人兴奋的事情。 :)我习惯于设计 JQuery Widgets 和插件来封装逻辑/表示。Backbone 的 MV* 方法看起来更加灵活。

我正在重新设计一个“迷你 Photoshop”项目以供工作。一个 javascript/html 页面，您可以添加标签、图像、按钮等元素，更改它们的属性，拖放它们并更改它们的 z-index 等。

我采用了一种方法，即拥有代表绘图的元素的 Backbone 集合。我想到使用 jquery 插件来在我想要的每个页面中创建这个工作区。

所以我可以做这样的事情:

$('.wrapper').miniPhotoshop({
  elements:elements, // BB collection
  painter:painter    // an object that knows how to draw

});

画家与插件分离，因此我可以轻松更改集合的绘制方式。

所以这里的对象是:

• miniPhotoshop - 一个获取 BB 集合的 jquery 插件
• painter - 由知道如何绘制元素的方法组成的对象。
• propertyBox - 一个 jquery 小部件，单击某个元素时会显示其属性。

我的问题是这个 jquery-backbone 沙拉有意义吗？

如果这是一个开放式问题，我深表歉意，只是希望有人以前尝试过类似的事情并能够为我指明正确的方向。

谢谢!

Answer 1

我不关心其他人，但我不会采用 jQuery 作为你的应用程序的结构。我认为 Backbone 非常适合构建代码，而 jQuery 非常适合使用 dom。

我的方法是使用 Backbone View 来控制应用程序的流程，并使用 jQuery 来操作/操作 Backbone View 内的 dom。