Каков наилучший способ найти место в большой базе кодов Backbone?

Question

Я только начал свою первую работу по разработке, и я немного ошеломлен.Я не очень понимаю, как я должен найти, где вещи в коде.Например, если я загружаю определенную страницу приложения, как я могу узнать, где именно этот вид находится в коде?Как я могу найти, откуда это представление получает информацию?

По сути, мне нужен способ отследить информацию по мере ее перемещения по приложению, чтобы выяснить, что мне нужно редактировать.Я знаю, что в инструментах разработчика Chrome есть вкладка стека вызовов / источников, но я не знаю, как заставить их показывать, что происходит.

Приложение имеет бэкэнд Java и внешний интерфейс магистрали / марионеток, если этопомогает.Мой предыдущий опыт был с React, который имел для меня больше смысла.Я действительно изо всех сил пытаюсь выяснить, как найти вещи.С React я мог бы использовать инструменты разработчика Chrome, найти имя класса div или что-то еще, а затем найти нужный компонент в файлах.Но эта стратегия, похоже, не работает с Backbone.

Answer 1

В магистрали мы обычно делим пользовательский интерфейс на две части, одна из которых HTML template, а другая - view(js file). Чтобы узнать, какое представление отвечает за отрисовку идентификатора копии компонента экрана или имени класса CSS элемента пользовательского интерфейса из инструмента разработчика Chrome,Теперь найдите этот идентификатор или cssClass во всем проекте.Вероятно, в результатах поиска появится 1 или более элементов.если это шаблон, тогда ищите его представление (которое представляет его).Таким образом, вы можете узнать, какое представление отвечает за визуализацию компонента пользовательского интерфейса

Answer 2

В инструментах chrome dev вы можете попробовать проверить элемент> щелчок правой кнопкой мыши> разбить на> модификации поддереваСделайте это с элементом, который изменяет содержимое во время навигации по представлениям, вы сможете найти компонент представления, который отвечает за него.