工作中可能遇到的難以發現的坑——相似字元問題

<button type="button"　onclick="a()">button</button>

全形字元

全形空格可能在輸入的時候無意識觸發, 在 js 里基本沒有影響, 但是在 HTML 標簽裡面屬性之間可能就難以發現, 導致全形空格後面的屬性失效.

雖然全形字元在代碼中基本是避諱使用的, 但是有時候合理使用也能簡化代碼, 直達需求目的. 

比如在表單中不同長度名稱的輸入框對齊, 使用全形空格會使得代碼更簡潔易讀

HTML中的占位符

<button type="button" οnclick="b()">button</button>

οnclick這其實是希臘字母ο, 而且是完全看不出差異的字母

這種其他語言相似甚至相同字元的問題自己的代碼可能不會出現, 但是網上貼過來的代碼不能保證會不會被有意篡改,  而且編輯器並不能及時提示出來, 這種肉眼難辨的差異, 是最令人抓狂的.

謹以此文, 警示自己工作中多小心這種類似的坑