近来看到知乎上面许多诛讨培训班的问答、文章,不禁想到了我和新手同事协作的一些阅历;
实在你是“培训班出来”照样“计算机科班毕业”,没人在意,关键是你表现出来的一些题目切切实实的对你的同事或协作伙伴形成了很大搅扰,而且这些题目集合在某一部份人身上显露出来,才形成本日这类万众诛讨的局势;
下面离别来谈谈这些题目以及处理方案:
1、html标签不闭合;
上面有五个<div>
,下面只需四个</div>
;
有一次我给新手同事指出这个题目,同事辩驳我说html5是很智能的能够不闭合;我说那是针对<br>
、<img>
,他很不以为然,继承我行我素;厥后代码越写越多,多是下面某个div
也没闭合,在浏览器翻开以后,该配对的div
没配对,不应配对的div
配在了一同,规划全乱了,然后他最先挨个搜检,糟蹋更多时刻;
处理方案:sublime自带的就有搜检闭合,假如没闭合左边会涌现一个小灰点,看到就赶忙处理了;
2、成天把新框架挂在嘴边 (bootstrap reactjs angularjs nodejs)恐怕他人不相信他简历上的三年事情履历;
有些新手为了显得本身博学有履历,成天说这个也会用谁人也用过;实在这些新框架的运用范围没有那末广;
我就见过一个新同事写的bootstrap,一层套一层,本来用“col-md-6”栅格就可以处理的,他却一连套了五六层container panel末了却用table布下场;把bootstrap用闇练能很大水平进步完成项目的效力和团体协调理,然则假如半生不熟乱花,会给背面的背景对接及前端修正保护职员形成很大的贫苦;
处理方案:事情两年以内,只需能把原生js和jquery弄闇练就好了,别成天这个看一点谁人蹭一下;我做前端五年了,一向用原生js和jquery,也没见哪一个项目掉链子;
3、class称号衔接,“减号 -”和“下划线”混用<div class="index-title"></div>
<div class="index_vice"></div>
有的新手写完了一段代码出错了本身查不出来让我们帮着查,我们消除半天赋发明class称号减号和下划线混用了;代码少了还轻易看出来,代码多了至心不轻易看出来呀,所以养成良好习惯吧;
处理方案:只管用“减号 -”(英文减号,不要弄成中文减号),不要用“下划线”;
4、“utf-8”和“gb-2312”混用
许多新手喜好从网上下载一些“无人保护的野代码”,也不论编码怎样,直接就往项目里加;往小了说会让一些中笔墨符显现成乱码;往大了说,有些大项目庞杂页面报错了,查很长时刻才查出是你引入的部份编码有题目,同事不骂你才怪;
处理方案:只管上github上面找正规有保护的代码,从star和issue上面就可以看出来;
5、猖獗运用内置css <div style="width:100px;"></div>
假如你是个背景,焦急项目上线,在html标签上加了几个内置style,这能够明白;
然则你一个前端开辟工程师,一个项目全用的内置style,你后期盘算咋保护、咋复用?
处理方案:不要在html标签上涌现style=""
6、见图片就用img标签
css sprite雪碧图在图标多的页面能有用减轻http加载数;
这些道理都提了许多年了,有些新手照样全用img标签;
处理方案:“小图标”和“不常常须要替换的图片”请用 css sprite
7、猖獗运用id调解css
有些新手的css文件里大片对应id的#
,一方面id不便于复用,另一方面写js和背景时id争执了咋办?背景为了防止和你的id争执,不能不加长id的长度,背景能不骂你?
处理方案:class就完整够用了,只管不要用id调解css款式
8、css和js全写进html中
如许很不利于代码复用;比方首页有一个图片轮播,列表页也有一个如出一辙的图片轮播,假如运用外链css、js,只用写一次就够了,假如写到html中,两个页面的html都要离别写一次,不利于代码优化,也不方便修正保护;
处理方案:运用外链css、js
9、滥用iframe
随意一段一般笔墨都敢用iframe;
我做了五年前端,只在“插进去视频”、“增加百度搜刮”时用过iframe;
处理方案:除非“背景明确要求”或许“插进去优酷视频时上面直接供应iframe代码”,其他时刻不要用这个标签;
前端工程师们,你们是不是也有上面这些题目呢?假如有的话,尽早处理吧,别事情了好几年还被误认为是新手培训班出来的,工资咋也涨不上去;