前言
最近我司讓我維護一箇舊項目。使用jsp編寫，而且維護了三四年之久的老項目。最重要的是前後端並沒有分離！！！
維護這類項目，腦子裏一下子閃過水管動圖....
但是！做爲程序猿，我們是不會說不的~
分析
拿到這類項目，一般邏輯性都非常。每個js文件都會嵌套着另一個js文件裏的方法。這種情況下，我們該怎麼辦呢？
1、首先我們需要整理清楚項目邏輯，不要着急看代碼。將功能自己整體走一遍。
2、整個項目整理清楚後，可以從單個頁面開始，查看代碼。
3、從單個按鈕，單個事情開始一條線整理代碼邏輯。
這些就是我查看舊項目的一個邏輯。不要輕易的祖傳代碼！不要輕易的動祖傳代碼！不要輕易的動祖傳代碼！
工具
查看祖傳的代碼，我們好好的藉助我們的開發者工具。那你真的知道如何更高效的使用開發者工具嘛？
以我修改歷程爲例，我想知道單擊保存後，都做了哪些事情。
1、我需要知道 保存按鈕的類名，或者ID
2、根據類名、ID查找到對應的事件
控制檯搜索事件
根據類名、ID查找到對應的事件。這一步，如果你連這個事件在哪裏，甚至不知道這個事件叫什麼名字的情況下。有兩種解決方法
- 打開控制檯，ctrl+shift+f。下面就會展示出這個類、ID都在哪些文件裏出現了
-
第二種方法是小編親自想出來的~稍微複雜一丟丟~
1、控制檯** Network **選項卡是個神奇的東西。只要是參與了請求的文件或者接口都會顯示在這裏。 2、我們可以只選擇JS,查看這個頁面中都有哪些JS文件參與了進來。 3、我們可以找到這些JS文件，可以直接點進去某一個JS文件，在這些文件裏進行搜索。
....待續