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

　　也許你已經熟練掌握，那讓我們一起來溫習，也許你初入前端尚不知如何調試，希望能給你幫助。

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

1、頁面樣式問題

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

2、js bug

　　在出現bug的js部分，使用console.log調試。當不確定具體位置或js解析順序時，可在代碼的不同位置添加console，在根據打印出的內容，判斷bug位置或得出函數的解析順序。

3、非 js bug

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

4、數據展示bug

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

5、form表單慎用button

　　form表單內部慎用button按鈕，這可能導致提交、click事件點擊時出現bug。

6、Chrome奇怪的緩存機制

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

7、js邏輯問題

　　先根據個人經驗判斷問題所在，之后在嘗試Chrome的斷點調試，另起一章。待續。。

轉載于:https://www.cnblogs.com/intangible/p/6734871.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。