前端開發工程師怎樣能表現的不那麼「新手沒經驗」、不那麼「培訓班出來的」

最近看到知乎上面不少討伐培訓班的問答、文章，不由想到了我和新手同事合做的一些經歷；

其實你是「培訓班出來」仍是「計算機科班畢業」，沒人在意，關鍵是你表現出來的一些問題切切實實的對你的同事或合做夥伴形成了很大困擾，並且這些問題集中在某一部分人身上顯露出來，才形成今天這種萬衆討伐的局面；

下面分別來談談這些問題以及解決方案：

一、html標籤不閉合；
上面有五個<div>，下面只有四個</div>；
有一次我給新手同事指出這個問題，同事反駁我說html5是很智能的能夠不閉合；我說那是針對<br>、<img>，他很不覺得然，繼續我行我素；後來代碼越寫越多，多是下面某個div也沒閉合，在瀏覽器打開以後，該配對的div沒配對，不應配對的div配在了一塊兒，佈局全亂了，而後他開始挨個檢查，浪費更多時間；
解決方案：sublime自帶的就有檢查閉合，若是沒閉合左側會出現一個小灰點，看到就趕忙解決了；

二、成天把新框架掛在嘴邊 (bootstrap reactjs angularjs nodejs)生怕別人不相信他簡歷上的三年工做經驗；
有些新手爲了顯得本身博學有經驗，成天說這個也會用那個也用過；其實這些新框架的使用範圍沒有那麼廣；
我就見過一個新同事寫的bootstrap，一層套一層，原本用「col-md-6」柵格就能解決的，他卻連續套了五六層container panel最後卻用table布了局；把bootstrap用熟練能很大程度提升完成項目的效率和總體協調度，可是若是半生不熟亂用，會給後面的後臺對接及前端修改維護人員形成很大的麻煩；
解決方案：工做兩年以內，只要能把原生js和jquery弄熟練就行了，別成天這個看一點那個蹭一下；我作前端五年了，一直用原生js和jquery，也沒見哪一個項目掉鏈子；

三、class名稱鏈接，「減號 -」和「下劃線」混用<div class="index-title"></div> <div class="index_vice"></div>
有的新手寫完了一段代碼出錯了本身查不出來讓咱們幫着查，咱們排除半天才發現class名稱減號和下劃線混用了；代碼少了還容易看出來，代碼多了真心不容易看出來呀，因此養成良好習慣吧；
解決方案：儘可能用「減號 -」（英文減號，不要弄成中文減號），不要用「下劃線」；

四、「utf-8」和「gb-2312」混用
不少新手喜歡從網上下載一些「無人維護的野代碼」，也無論編碼如何，直接就往項目里加；往小了說會讓一些中文字符顯示成亂碼；往大了說，有些大項目複雜頁面報錯了，查很長時間才能查出是你引入的部分編碼有問題，同事不罵你纔怪；
解決方案：儘可能上github上面找正規有維護的代碼，從star和issue上面就能看出來；

五、瘋狂使用內置css <div style="width:100px;"></div>
若是你是個後臺，着急項目上線，在html標籤上加了幾個內置style，這能夠理解；
可是你一個前端開發工程師，一個項目全用的內置style，你後期打算咋維護、咋複用？
解決方案：不要在html標籤上出現style=""

六、見圖片就用img標籤
css sprite雪碧圖在圖標多的頁面能有效減輕http加載數；
這些道理都提了不少年了，有些新手仍是全用img標籤；
解決方案：「小圖標」和「不常常須要更換的圖片」請用 css sprite

七、瘋狂使用id調整css
有些新手的css文件裏大片對應id的#，一方面id不便於複用，另外一方面寫js和後臺時id衝突了咋辦？後臺爲了不和你的id衝突，不得不加長id的長度，後臺能不罵你？
解決方案：class就徹底夠用了，儘可能不要用id調整css樣式

八、css和js全寫進html中
這樣很不利於代碼複用；好比首頁有一個圖片輪播，列表頁也有一個如出一轍的圖片輪播，若是使用外鏈css、js，只用寫一次就夠了，若是寫到html中，兩個頁面的html都要分別寫一次，不利於代碼優化，也不方便修改維護；
解決方案：使用外鏈css、js

九、濫用iframe
隨便一段普通文字都敢用iframe；
我作了五年前端，只在「插入視頻」、「添加百度搜索」時用過iframe；
解決方案：除非「後臺明確要求」或者「插入優酷視頻時上面直接提供iframe代碼」，其餘時候不要用這個標籤；

前端工程師們，大家是否也有上面這些問題呢？若是有的話，儘早解決吧，別工做了好幾年還被誤認爲是新手培訓班出來的，工資咋也漲不上去；