在大型Backbone代码库中查找事物的最佳方法是什么?

时间:2018-10-19 16:51:23

标签: backbone.js marionette backbone-views

我刚刚开始我的第一份开发工作,但我有点不知所措。我不太了解如何查找代码中的内容。例如,如果我加载应用程序的某个页面,我如何才能找到该特定视图在代码中的位置?如何找到该视图从何处获取信息?

基本上,我需要一种方法来跟踪信息在应用程序中的移动情况,以查找需要编辑的内容。我知道Chrome开发人员工具中有“调用堆栈/来源”标签,但我真的不知道如何使它们显示正在发生的事情。

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

2 个答案:

答案 0 :(得分:0)

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

答案 1 :(得分:0)

在主干中,我们通常将UI分为两部分,一个是HTML template,另一个是view(js file)。要找出哪个视图负责呈现UI元素的屏幕组件副本ID或CSS类名来自chrome开发人员工具。现在在整个项目中搜索该id或cssClass。搜索结果中可能会出现1个或多个项目。如果它是模板,则搜索其视图(正在渲染它)。 通过这种方式,您可以找到哪个视图负责呈现UI组件