前幾天在做兩個簡單的頁面，以為應該很快就能完成，沒想到由於各種原因導致最后我完成的不好，還被批了，其中有一個原因就是在實現搜索的時候我遇到坑了，被拖住很久，雖然是一個比較小的問題，可能對於別人很快就能發現問題出在哪里吧，但是當時的我心急如焚，想着快點弄完，頭腦發熱，冷靜不下來，就在那里膠着，后面決定先上線，把這個 bug 延后處理，過了幾天之后，我去處理，發現我竟然被這么簡單的一個小 bug 拖了這么久，想想確實該罵。
說了這么多，其實就是做的一個實時搜索框，用戶輸入的時候實時搜索，所以就要監聽輸入框的 input 事件，但是！當用戶輸入后點擊其他位置隱藏輸入法鍵盤，居然還會調用 input 事件，這樣的話在某些特定的場景就會出現問題，比如我那個需求，用戶輸入后實時搜索出現結果，然后用戶點擊取消按鈕的同時輸入法鍵盤也會被隱藏，可想而知，取消之后又調用了一次接口，如果你取消是為了把搜索結果清空，但是輸入法鍵盤隱藏之后又回調用一次接口，數據又會回來了，就是這么一個小 bug，困擾了我好久。后面明白出現 bug 的原因之后，通過簡單使用 blur 和 foucs 事件去判斷輸入框是否調用接口解決了這個小 bug。所以，不僅僅要提高自己的編程能力，更要提高自己的心理素質，比如處變不驚的那種心態。
好了，今天這篇算是為了湊 flag 吧，每周至少一篇，看起來好像挺簡單，但實現起來對於我還是挺有難度的，算是一個小記錄吧，晚安！