檔案、參數命名有很多方式，其中區隔單字的方式像是
- 駝峰命名法
- 小駝峰式命名法：textColorDark
- 大駝峰式命名法：TextColorDark
- 連字號 - ：text-color-dark
- 下底線 _ ：text_color_dark
多年以來自己一直採用全小寫 + 下底線命名：text_color_dark，無論是資料夾、檔名、或是參數名。看似偏好一套規則適用所有類型，其實是金魚腦，記得不多又容易忘...QAQ
不過也因此一直沒發現一件事，在CSS的語法裡，屬性命名大小寫視為相異，例如：
TextColorDark
textColorDark
有一回同事誤跌這個坑，一直不懂為何CSS每套到。要知道設計師英文普遍不好（硬要拖其他人下水，哈哈），兩個眼瞎的文盲找了超久，最後在工程師銳利的雙眼秒掃發現：大小寫不一樣！！！瞬間我倆立馬膜拜。
不過在今年我打算要修改命名的習慣了，改用全小寫 + 減號 - ：text-color-dark。
這是因身邊用減號區隔的工程師比較多，其次，我學習SCSS的範本是BootStrap，他的檔名規則就是採用全小寫 + 減號 - ：text-color-dark。為了合作與學習上的方便，所以之後都會採用這樣的命名方式。
如果這樣的規則用在網址上的話，連字號或底線來分隔字詞都是可以的，只是用連字號比較容易閱讀。
John Mueller在2018的影片
https://youtu.be/74FiBesPkI4
=========我是題外話的分割線===========
這裡忍不住要感嘆一下，自出道以來跟工程師的配合的時數早已突破天際了，一開始有很多誤解，例如以為他們是瞎子，這真是天大的錯誤：
PG：設計師都咩有邏輯的484
UI：是呀，就像你們都是色盲一樣
PG：那你們是什麼？文盲嗎？
UI：你....你怎麼知道(一劍穿心）
UI：為什麼套上程式以後破版了
PG：有嗎？哪裡破？
UI：Footer 都跑到 Header 啦，你瞎了嗎？！
PG：哦....好像是吼....
不過隨著配合越多、感情越好
沒有留言:
張貼留言