《初級前端開發人員經常容易忽視幾個細節問題匯總》

1、使用 變量.toString()的時候記得對變量進行判空

2、使用 字符串.indexOf()的時候記得對字符串變量進行判斷是否為null或undefined

3、使用 數組.length 或 數組[1]、數組[2] 的時候記得對數組進行判斷是否為null或undefined

4、使用 JSON對象的子屬性時，務必判斷JSON是否為null或undefined

5、當前頁面新增加功能，要測試增加的部分時候影響其他部分使用，包含不僅限于在某種特殊狀態下未呈現出來的控件

6、增加input、textarea類型的輸入控件，務必要考慮極端輸入情況：1）空值、2）負數、3）超長文本、4）超大數字

7、使用了select+option類型的下拉框，務必考慮默認情況下和選中后顯示的狀態，頁面刷新后默認聚焦的選項狀態

8、使用radio或checkbox類型的選擇框，務必考慮默認選中的狀態，切換之后時候有回彈選中項的bug，多選、反選時候考慮到位

9、長篇幅列表或者文章，要考慮換行、圖片出界、滾動條寬度占據頁面部分

10、固定寬度高度區域的文本，請使用css控制出現…省略號，同時要使用移入氣泡框（默認可使用title）

11、搜索框要考慮輸入連續非連續空格、空字符串、代碼段、特殊字符情況，如果是跳轉頁面搜索，url跟參數要記得encode

12、左右箭頭、上下箭頭類型的翻頁，注意索引值超出了最大值時候要歸零、低于了最小值0時候要回歸數組長度-1

13、使用setTimemout或setInterval，務必檢查時候會重復調用定時器，時候要在適當的時候clear、內部變量時候會重復累加減

14、使用border多用box-sizing:border-box避免錯位1像素等情況發生

15、如果是嵌入別人的頁面進行二次迭代開發，請盡量使用特殊前綴的className防止和別人的樣式表沖突導致覆蓋他人的樣式，編寫js代碼也同樣請考慮這個問題，譬如樣式表大家嘗試用了 box、contain、pannel，自己要使用就加入名字前綴諸如：sg-box、sg-contain、sg-pannel，js方法同理

16、聲明window開頭的變量或方法，請盡量少用且注意是否覆蓋了別人的變量或者方法；采用onclick、onmouseover等方式綁定到document上面時候，也要注意是否覆蓋了別人類似的事件，請盡量使用addEventListener，但是離開頁面的時候務必removeEventListener

17、在使用split的時候，一定要先確定split的對象是不是string類型，最好判斷該類型是否includes對應的split字符串。例如：如果要aaa.split('-')，就務必先判斷aaa.includes('-')===true才去進行split操作，否則就容易引起不必要的錯誤

總結

以上是生活随笔為你收集整理的《初级前端开发人员经常容易忽视几个细节问题汇总》的全部內容，希望文章能夠幫你解決所遇到的問題。

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