前端开发工程师怎样能表现的不那么“新手没经验”、不那么“培训班出来的”

最近看到知乎上面不少讨伐培训班的问答、文章，不由想到了我和新手同事合做的一些经历；

其实你是“培训班出来”仍是“计算机科班毕业”，没人在意，关键是你表现出来的一些问题切切实实的对你的同事或合做伙伴形成了很大困扰，并且这些问题集中在某一部分人身上显露出来，才形成今天这种万众讨伐的局面；

下面分别来谈谈这些问题以及解决方案：

一、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代码”，其余时候不要用这个标签；

前端工程师们，大家是否也有上面这些问题呢？若是有的话，尽早解决吧，别工做了好几年还被误认为是新手培训班出来的，工资咋也涨不上去；