web前后端分離開(kāi)發(fā)Bug解決思路分析

視頻和文字不同

看視頻學(xué)習(xí)和看書/看博客學(xué)習(xí)有一個(gè)很大的不同，書和博客都是寫好的靜態(tài)的東西，由于時(shí)間久遠(yuǎn)或者作者疏忽，文字的東西可能不完整（例如作者可能不小心漏掉了一個(gè)小細(xì)節(jié)），這種時(shí)候，當(dāng)你照著無(wú)法做出效果時(shí)，要考慮的問(wèn)題就非常多了。

但是視頻不一樣，代碼是作者一行一行敲出來(lái)的（這里我們不討論那種提前寫好代碼，視頻里照著代碼講的，這種視頻我一般拿到手順手就扔了），所有的操作你都能看見(jiàn)，照著寫，按理說(shuō)就能看到相應(yīng)的結(jié)果，學(xué)習(xí)起來(lái)相對(duì)來(lái)說(shuō)要容易很多，這也是為什么對(duì)于一個(gè)新接觸的知識(shí)點(diǎn)，我建議小伙伴們通過(guò)看視頻來(lái)學(xué)習(xí)。

然而，即使這種手把手的形式，由于小伙伴們的疏忽，看的不仔細(xì)，看完之后，可能還是做不出效果來(lái)，這個(gè)時(shí)候再去尋找問(wèn)題的原因要容易很多。因?yàn)樽髡咴谝曨l里做出來(lái)效果了，這個(gè)我們是看的清清楚楚的，至少有一點(diǎn)可以證明，視頻里的代碼沒(méi)有問(wèn)題，問(wèn)題就在于我們自己的代碼，可能哪里出了紕漏。

所以，你只要找到自己代碼和視頻代碼不同的地方即可。

由于我們寫的是 Java 代碼，Java 最大的優(yōu)勢(shì)就是跨平臺(tái)，所以一般來(lái)說(shuō)，只要你的 JDK 版本與 Tomcat 版本（其他的例如 MyBatis 版本、Spring Boot 版本、Spring Cloud 版本等）和視頻作者的一致，這個(gè)時(shí)候代碼出問(wèn)題超過(guò) 99.99% 情況下都不是環(huán)境問(wèn)題，就是代碼寫錯(cuò)了，千萬(wàn)別甩鍋給系統(tǒng)環(huán)境，平時(shí)在公司里甩得一手好鍋，要是用到學(xué)習(xí)中，損失的還是自己。所以首先要相信自己寫錯(cuò)了，問(wèn)題才有解決思路。

為什么我要把這個(gè)話題拎出來(lái)說(shuō)呢？因?yàn)楹芏嘈』锇橛幸痪淇陬^禪：“我和視頻里的代碼一樣，就是顯示不出來(lái)?！?、“剛才代碼還是好的，吃個(gè)飯回來(lái)就運(yùn)行不了了”。。。

每次看到這個(gè)，我竟無(wú)語(yǔ)凝噎。這句話兩個(gè)意思，要么就是我的代碼和視頻一樣，那就是我的代碼沒(méi)錯(cuò)，既然代碼沒(méi)錯(cuò)，那我覺(jué)得問(wèn)題可以到此結(jié)束了，代碼沒(méi)錯(cuò)，那也就沒(méi)問(wèn)題呀；要么另一層含義就是視頻代碼有問(wèn)題，但是視頻里的代碼可以運(yùn)行出效果，這也是你親眼所見(jiàn)，所以視頻代碼肯定是沒(méi)問(wèn)題的。那么問(wèn)題就會(huì)陷入死循環(huán)，無(wú)解。

所以，出了問(wèn)題，確認(rèn)了不是版本問(wèn)題，那么基本上就是自己代碼問(wèn)題了，相信自己代碼有問(wèn)題，才有可能解決問(wèn)題。

松哥以前看視頻也會(huì)遇到這些問(wèn)題，有的時(shí)候?qū)嵲谡也怀鰡?wèn)題，那我會(huì)跑一遍視頻作者提供的 Demo（如果有的話），如果他的 Demo 能運(yùn)行，那么不用多想了，肯定不是環(huán)境問(wèn)題，就是你自己代碼寫錯(cuò)了，那就認(rèn)認(rèn)真真檢查。

二分法

在檢查的過(guò)程中，我常用的一個(gè)辦法，我自己給它取名叫做二分法。

有的小伙伴一直不理解做算法題的意義在哪里，僅僅是為了面試？其實(shí)不是的，一些典型的算法思想，可以影響我們?nèi)粘５暮芏嗍虑榈模捅热缃鉀Q Bug 這事。

這里我通過(guò)兩個(gè)簡(jiǎn)單的栗子來(lái)給大家說(shuō)明這種方法的使用。 

微人事登錄

假如說(shuō)你現(xiàn)在遇到了登錄問(wèn)題，點(diǎn)擊前端登錄按鈕無(wú)法登錄成功，那么原因可能有很多種。

假如這問(wèn)題發(fā)生在微人事項(xiàng)目中，那么我們的檢查順序是下面這樣的：

1. 前端 WebStorm 和后端 IDEA 控制臺(tái)有沒(méi)有報(bào)錯(cuò)？
2. 前端瀏覽器控制臺(tái)有沒(méi)有報(bào)錯(cuò)？
3. 查看瀏覽器發(fā)送的請(qǐng)求和服務(wù)端給出的響應(yīng)有沒(méi)有問(wèn)題？

如果這三處都看不出端倪來(lái)，那么就要開(kāi)始分析了。因?yàn)檫@種前后端分離開(kāi)發(fā)，問(wèn)題可能出在前端也可能出在后端，我們要先去鎖定問(wèn)題。怎么鎖定呢？我畫了一張簡(jiǎn)圖：

 

按照這樣的思路，我們一步步去縮小問(wèn)題的范圍，直到解決問(wèn)題。

亂碼問(wèn)題

這種二分法，還有一個(gè)非常典型的場(chǎng)景，就是亂碼問(wèn)題，很多初學(xué)者遇到亂碼問(wèn)題，把自己懂的亂么解決方案全部試了一遍，結(jié)果發(fā)現(xiàn)啥用沒(méi)有，我相信很多初學(xué)的小伙伴遇到可能都有遇到這樣的尷尬事，這是因?yàn)閬y碼的原因太多了，找對(duì)原因，才能解決問(wèn)題。

 

上面這兩張圖，主要是給大家提供一個(gè)問(wèn)題解決的思路，我們把一個(gè)大的問(wèn)題，不斷的拆分，不斷的細(xì)化，然后一個(gè)一個(gè)求證，最后就能鎖定問(wèn)題所在。一旦找到問(wèn)題的原因，解決不過(guò)是分分鐘的事情。