做項目過程難免會碰到一些bug、樣式等各種各樣的問題。下面就寫一些個人在碰到問題時的解決思路。

　　也許你已經(jīng)熟練掌握，那讓我們一起來溫習(xí)，也許你初入前端尚不知如何調(diào)試，希望能給你幫助。

如下解決方法，均以Chrome瀏覽器為例。

1、頁面樣式問題

　　如果要對面頁面樣式進行微調(diào)，打開瀏覽器的開發(fā)者工具，選中需要調(diào)整的模塊，調(diào)出想要的樣式，記錄下數(shù)據(jù)，對代碼修改即可。

2、js bug

　　在出現(xiàn)bug的js部分，使用console.log調(diào)試。當(dāng)不確定具體位置或js解析順序時，可在代碼的不同位置添加console，在根據(jù)打印出的內(nèi)容，判斷bug位置或得出函數(shù)的解析順序。

3、非 js bug

　　如果是前端代碼的問題，因為一些奇怪的原因沒找到問題源頭（比如一個字母寫錯了），那么將HTML的代碼全部注釋掉，然后一點一點放出，測試有無bug，直至找出問題原因。

4、數(shù)據(jù)展示bug

　　有時候頁面出現(xiàn)數(shù)據(jù)無法展示問題，或者展示的數(shù)據(jù)跟預(yù)期不一樣，當(dāng)你。只需在瀏覽器上輸入 后臺給的接口 + 要傳的參數(shù)，看返回出的內(nèi)容，即可判斷出是后臺接口問題，還是前端出錯了。

5、form表單慎用button

　　form表單內(nèi)部慎用button按鈕，這可能導(dǎo)致提交、click事件點擊時出現(xiàn)bug。

6、Chrome奇怪的緩存機制

　　當(dāng)你感覺代碼沒有問題但瀏覽器顯示就是不對，此時你可以先嘗試清理一下瀏覽器緩存，沒準(zhǔn)你需要的效果就出來了，如果還是不對，就在嘗試其他的方法吧。（CSS和JS都會出現(xiàn)緩存問題）；

7、js邏輯問題

　　先根據(jù)個人經(jīng)驗判斷問題所在，之后在嘗試Chrome的斷點調(diào)試，另起一章。待續(xù)。。

轉(zhuǎn)載于:https://www.cnblogs.com/intangible/p/6734871.html

總結(jié)

以上是生活随笔為你收集整理的前端入门--解决问题的一些方法的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。