最近在知乎上看到很多关于培训班的问答,不由得想起自己和新手同事合作的一些经历;其实,没人在意你是“培训班毕业”还是“计算机班毕业”,关键是你表??现出来的一些问题确实给你的同事或者合作伙伴带来了很大的麻烦,而且这些问题都集中在某一部分人身上,才导致了今天的讨伐局面;下面分别说说这几个问题以及解决方法:1、html标签没有关闭;顶部有五个
,底部只有四个
;有一次我向一个新手同事指出这个问题,同事反驳我说html5很聪明,不能关闭;我说是给
和
![]()
的,他不以为然,继续走自己的路;后来他写的代码越来越多,可能下面某个div没有关闭,打开浏览器后配对的div没有配对,不该配对的div配对在一起,布局全乱了,而且然后他开始一项一项地检查,浪费了更多的时间;解决方法:Sublime自带check关闭,如果不关闭,左边会出现一个小灰点2.整天说新框架(bootstrapreactjsangularjsnodejs),生怕别人不信三-简历上有一年的工作经验;这个也会用,那个也会用;事实上,这些新框架的使用范围并没有那么广泛;看过一个新同事写的bootstrap,一层一层,可以用“col-md-6”格子。解决了,但是他连续设置了五六层容器面板,最后还是用table布局;使用bootstrap熟练度可以大大提高完成项目的效率和整体协调性,但如果半吊子、乱用,会给后台对接和前端修改维护人员造成很大的麻烦;解决方案:工作两年内,只要能熟练掌握原生js和jquery即可,不要整天看这个看那个;我从事前端工作已经五年了。一直在用nativejs和jquery,没见过有什么项目掉链;3.类名连起来,“减号-”和“下划线”混用代码并犯了一个错误。让我们帮您检查一下。我们排除了很久,才发现类名中混杂了减号和下划线;码少容易看,码多真心不易见,养成好习惯;解决办法:尽量用“减号-”(英文减号,不要弄成中文减号),不要用“下划线”;4、“utf-8”与“gb-2312”混用很多新手喜欢从网上下载一些“无人维护的野码”,不管是什么编码,直接添加到项目中;如果太小,一些汉字会显示为乱码;如果太大的话,有些大型项目在复杂的页面上报错,时间长了才发现是你引入的部分代码有问题。同事不骂你才怪;解决办法:尽量在github上找正规维护的代码,从star和上面的issue可以看出;5.疯狂使用内置css
如果你是后台,着急上线项目,在html标签中添加几个内置样式,这我能理解吗?但是你是一名前端开发工程师,一个项目使用了内置样式。您打算如何维护和重用它?解决方案:不要在html标签上使用style=""。6、在图片页面使用img标签cssspritesprite图片,可以有效减少图标较多的页面的http加载次数;使用img标签;解决方法:“小图标”和“不需要经常更换的图片”,请使用csssprite7,疯狂使用id调整css另一方面,写js和后台时id冲突怎么办?为了不和你的id冲突,后台只好把id的长度加长,后台能不骂你吗?解决方案:class就够了,尽量不要用id来调整css样式8、css和js都是用html写的,不利于代码复用;比如首页有一个图片轮播,列表页有一张相同的图片轮播,如果使用外链css和js,只需要写一次即可。如果用html写,就得把两个页面的html分开写,不利于代码优化,也不方便修改和维护;解决方案:使用外链css,js9,滥用iframe,凡是普通文本都敢用iframe;做前端五年,只在“插入视频”和“加百度搜索”时用过iframe;解决方法:除非“后台明确要求”或者“插入优酷视频时,上面直接提供iframe代码”,其他时候不要使用这个标签;前端工程师,你们是否也有以上问题?如果有是,尽快解决,不要工作几年被误认为是新手培训班,工资也不会涨;