javascript - Backbone.js 渲染性能和重绘

Question

我正在构建一个backbone.js应用程序。它有很多交互式计算器类型的表单。当用户在输入中键入值时，我需要这些表单中的值来实时更新。我正在考虑两种方法:

策略:

1) 使用下划线模板在每次交互时重新渲染 View

或者

2) 渲染一次，找到 jQuery 中的每个显示点并在每次交互时更新它们

我的问题:从可维护性的 Angular 和浏览器性能的 Angular 来看，您认为最佳实践是什么。最小化重绘等对我来说似乎是个好主意，但附加所有这些监听器并将它们与 View 的某些部分配对似乎也有点令人讨厌。

非常感谢任何建议，

jack

Answer 1

嗯，这确实是一个有点主观的问题，无论如何都无法回答。这实际上取决于两种策略的复杂性，而这又取决于您的应用程序逻辑。还是有一些想法:

• 您可以有多个彼此平行的元素，每个元素都有自己的内容( View )。根据逻辑，隐藏其余部分并仅显示一个。这可以避免多次重新渲染 View ，但是您必须编写一些维护多个 View 的逻辑(隐藏全部，显示一个)。因此，只要您有 2-3 个 View 并且您的应用需要在这些 View 之间多次切换，这种方法就可以。

• 重新绘制 View 可能不是一个成本高昂的操作，具体取决于您的操作方式。只需缓存选择器并在其中进行所有更改，然后仅更新 DOM 一次，这是最常见的做法。因此，如果您再次重新渲染 View 并且只需要一次 DOM 操作，那么您就可以了。

从代码可维护性的 Angular 来看，绝对采用策略#1，重新渲染 View 。