先上命令(代碼)
$ grep -o 'id=\"[^=]*\"' *.html|awk 'BEGIN{ FS=":"; OFS=":"; } { map[$2] = map[$2]" "$1;} END{ for(key in map){ print key,map[key]; } }'
再說場景:
“id”這個字樣,對於開發人員(無論前端後端)來說,應該有一個默認意思:唯一標識(即,不允許重複)。
猿Why見識到"code copyer",對於id這個東西就很隨意,命名很隨意,使用很隨意。
不同業務html文件中,存在大量(少許更可怕,埋下的雷)重複id,例如:
<input id="input1">
……
<input id="input1">
……
<input id="input1">
在同一個HTML中還好說,開發工具自動提示,但是如果使用模板加載形式動態生成前端頁面那就麻煩了。
某一個頁面需要加載兩個或者更多模板文件,那就存在頁面元素id衝突的問題。
一旦做什麼策略調整,難免會有意想不到的事情發生!!!
目前還沒有發現開發工具有什麼好的插件可以規避不同文件中,id不能重複的檢測手段。
所以我想到了Linux 三神器:sed grep awk。
那麼,結合grep 和 awk,做一個統計:掃描文件中所有的id屬性,並做統計。
awk命令可以寫成.awk文件,做更復雜的處理。
awk簡明速成教程
看一下效果:
Windows開發環境不能用?
Git Bash 瞭解一下
Windows環境,並且沒有git怎麼辦?
你可能不是開發人員!