backbone.js - 在大型 Backbone 代码库中查找事物位置的最佳方法是什么？

Question

我刚开始我的第一份开发工作，我有点不知所措。我真的不明白我应该如何找到代码中的东西。例如，如果我加载应用程序的某个页面，我如何才能找到该特定视图在代码中的位置？我如何才能找到该视图从何处获取其信息？

基本上，我需要一种方法来跟踪在应用程序中移动的信息，以找出我需要编辑的内容。我知道 Chrome 开发工具中有调用堆栈/源选项卡，但我真的不知道如何让它们显示正在发生的事情。

该应用程序有一个 Java 后端和一个主干/牵线木偶前端，如果有帮助的话。我之前的经验是使用 React，这对我来说更有意义。我真的很难弄清楚如何找到东西。使用 React，我可以使用 Chrome 开发工具，找到 div 的类名或其他任何内容，然后在文件中找到正确的组件。但这种策略似乎不适用于 Backbone。

标签： backbone.jsmarionettebackbone-views

Answer 1

在 chrome 开发工具中，您可以尝试检查元素 > 右键单击​​ > 中断 > 子树修改。在导航视图时更改内容的元素上执行此操作，您应该能够找到负责它的视图组件。