資訊專欄INFORMATION COLUMN
摘要：最近看到知乎上面很多討伐培訓(xùn)班的問答文章，不禁想到了我和新手同事合作的一些經(jīng)歷其實你是培訓(xùn)班出來還是計算機(jī)科班畢業(yè)，沒人在乎，關(guān)鍵是你表現(xiàn)出來的一些問題切切實實的對你的同事或合作伙伴造成了很大困擾，而且這些問題集中在某一部分人身上顯露出來，
最近看到知乎上面很多討伐培訓(xùn)班的問答、文章，不禁想到了我和新手同事合作的一些經(jīng)歷；
其實你是“培訓(xùn)班出來”還是“計算機(jī)科班畢業(yè)”，沒人在乎，關(guān)鍵是你表現(xiàn)出來的一些問題切切實實的對你的同事或合作伙伴造成了很大困擾，而且這些問題集中在某一部分人身上顯露出來，才造成今天這種萬眾討伐的局面；
下面分別來談?wù)勥@些問題以及解決方案：
1、html標(biāo)簽不閉合；
上面有五個，下面只有四個；
有一次我給新手同事指出這個問題，同事反駁我說html5是很智能的可以不閉合；我說那是針對
、，他很不以為然，繼續(xù)我行我素；后來代碼越寫越多，可能是下面某個div也沒閉合，在瀏覽器打開之后，該配對的div沒配對，不該配對的div配在了一起，布局全亂了，然后他開始挨個檢查，浪費(fèi)更多時間；
解決方案：sublime自帶的就有檢查閉合，如果沒閉合左側(cè)會出現(xiàn)一個小灰點，看到就趕緊解決了；
2、整天把新框架掛在嘴邊 (bootstrap reactjs angularjs nodejs)生怕別人不相信他簡歷上的三年工作經(jīng)驗；
有些新手為了顯得自己博學(xué)有經(jīng)驗，整天說這個也會用那個也用過；其實這些新框架的使用范圍沒有那么廣；
我就見過一個新同事寫的bootstrap，一層套一層，本來用“col-md-6”柵格就能解決的，他卻連續(xù)套了五六層container panel最后卻用table布了局；把bootstrap用熟練能很大程度提高完成項目的效率和整體協(xié)調(diào)度，但是如果半生不熟亂用，會給后面的后臺對接及前端修改維護(hù)人員造成很大的麻煩；
解決方案：工作兩年之內(nèi)，只要能把原生js和jquery弄熟練就好了，別整天這個看一點那個蹭一下；我做前端五年了，一直用原生js和jquery，也沒見哪個項目掉鏈子；
3、class名稱連接，“減號 -”和“下劃線”混用
有的新手寫完了一段代碼出錯了自己查不出來讓我們幫著查，我們排除半天才發(fā)現(xiàn)class名稱減號和下劃線混用了；代碼少了還容易看出來，代碼多了真心不容易看出來呀，所以養(yǎng)成良好習(xí)慣吧；
解決方案：盡量用“減號 -”（英文減號，不要弄成中文減號），不要用“下劃線”；
4、“utf-8”和“gb-2312”混用
很多新手喜歡從網(wǎng)上下載一些“無人維護(hù)的野代碼”，也不管編碼如何，直接就往項目里加；往小了說會讓一些中文字符顯示成亂碼；往大了說，有些大項目復(fù)雜頁面報錯了，查很長時間才能查出是你引入的部分編碼有問題，同事不罵你才怪；
解決方案：盡量上github上面找正規(guī)有維護(hù)的代碼，從star和issue上面就能看出來；
5、瘋狂使用內(nèi)置css
如果你是個后臺，著急項目上線，在html標(biāo)簽上加了幾個內(nèi)置style，這可以理解；
但是你一個前端開發(fā)工程師，一個項目全用的內(nèi)置style，你后期打算咋維護(hù)、咋復(fù)用？
解決方案：不要在html標(biāo)簽上出現(xiàn)style=""
6、見圖片就用img標(biāo)簽
css sprite雪碧圖在圖標(biāo)多的頁面能有效減輕http加載數(shù)；
這些道理都提了很多年了，有些新手還是全用img標(biāo)簽；
解決方案：“小圖標(biāo)”和“不經(jīng)常需要更換的圖片”請用 css sprite
7、瘋狂使用id調(diào)整css
有些新手的css文件里大片對應(yīng)id的#，一方面id不便于復(fù)用，另一方面寫js和后臺時id沖突了咋辦？后臺為了避免和你的id沖突，不得不加長id的長度，后臺能不罵你？
解決方案：class就完全夠用了，盡量不要用id調(diào)整css樣式
8、css和js全寫進(jìn)html中
這樣很不利于代碼復(fù)用；比如首頁有一個圖片輪播，列表頁也有一個一模一樣的圖片輪播，如果使用外鏈css、js，只用寫一次就夠了，如果寫到html中，兩個頁面的html都要分別寫一次，不利于代碼優(yōu)化，也不方便修改維護(hù)；
解決方案：使用外鏈css、js
9、濫用iframe
隨便一段普通文字都敢用iframe；
我做了五年前端，只在“插入視頻”、“添加百度搜索”時用過iframe；
解決方案：除非“后臺明確要求”或者“插入優(yōu)酷視頻時上面直接提供iframe代碼”，其他時候不要用這個標(biāo)簽；
前端工程師們，你們是否也有上面這些問題呢？如果有的話，盡早解決吧，別工作了好幾年還被誤認(rèn)為是新手培訓(xùn)班出來的，工資咋也漲不上去；
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/50509.html
摘要：最近看到知乎上面很多討伐培訓(xùn)班的問答文章，不禁想到了我和新手同事合作的一些經(jīng)歷其實你是培訓(xùn)班出來還是計算機(jī)科班畢業(yè)，沒人在乎，關(guān)鍵是你表現(xiàn)出來的一些問題切切實實的對你的同事或合作伙伴造成了很大困擾，而且這些問題集中在某一部分人身上顯露出來， 最近看到知乎上面很多討伐培訓(xùn)班的問答、文章，不禁想到了我和新手同事合作的一些經(jīng)歷； 其實你是培訓(xùn)班出來還是計算機(jī)科班畢業(yè)，沒人在乎，關(guān)鍵是你表...
摘要：最近看到知乎上面很多討伐培訓(xùn)班的問答文章，不禁想到了我和新手同事合作的一些經(jīng)歷其實你是培訓(xùn)班出來還是計算機(jī)科班畢業(yè)，沒人在乎，關(guān)鍵是你表現(xiàn)出來的一些問題切切實實的對你的同事或合作伙伴造成了很大困擾，而且這些問題集中在某一部分人身上顯露出來， 最近看到知乎上面很多討伐培訓(xùn)班的問答、文章，不禁想到了我和新手同事合作的一些經(jīng)歷； 其實你是培訓(xùn)班出來還是計算機(jī)科班畢業(yè)，沒人在乎，關(guān)鍵是你表...
摘要：前言緣分與巧合，最近接觸比較多的培訓(xùn)機(jī)構(gòu)出來的人，以及看過關(guān)于培訓(xùn)機(jī)構(gòu)的文章和問答。大部分都對培訓(xùn)機(jī)構(gòu)很反感，其中還包括一些從培訓(xùn)機(jī)構(gòu)出來的人。造成這樣的情況，培訓(xùn)機(jī)構(gòu)的功勞無疑是最大的。 1.前言 緣分與巧合，最近接觸比較多的培訓(xùn)機(jī)構(gòu)出來的人，以及看過關(guān)于培訓(xùn)機(jī)構(gòu)的文章和問答。雖然沒在培訓(xùn)機(jī)構(gòu)上過課，但是接觸過很多培訓(xùn)機(jī)構(gòu)出來的人，也看過一些培訓(xùn)機(jī)構(gòu)的課程。關(guān)于培訓(xùn)機(jī)構(gòu)，我也有自己的...
摘要：前言緣分與巧合，最近接觸比較多的培訓(xùn)機(jī)構(gòu)出來的人，以及看過關(guān)于培訓(xùn)機(jī)構(gòu)的文章和問答。大部分都對培訓(xùn)機(jī)構(gòu)很反感，其中還包括一些從培訓(xùn)機(jī)構(gòu)出來的人。造成這樣的情況，培訓(xùn)機(jī)構(gòu)的功勞無疑是最大的。 1.前言 緣分與巧合，最近接觸比較多的培訓(xùn)機(jī)構(gòu)出來的人，以及看過關(guān)于培訓(xùn)機(jī)構(gòu)的文章和問答。雖然沒在培訓(xùn)機(jī)構(gòu)上過課，但是接觸過很多培訓(xùn)機(jī)構(gòu)出來的人，也看過一些培訓(xùn)機(jī)構(gòu)的課程。關(guān)于培訓(xùn)機(jī)構(gòu)，我也有自己的...
閱讀 2950·2021-10-14 09:42
閱讀 3708·2021-08-11 11:19
閱讀 3553·2019-08-30 13:57
閱讀 3138·2019-08-30 13:49
閱讀 1549·2019-08-29 18:38
閱讀 908·2019-08-29 13:16
閱讀 1865·2019-08-26 13:25
閱讀 3237·2019-08-26 13:24
