论敲代码时好的编码习惯的重要性!!!

先说一下工作中的碰到的情况:由于自己急着做出效果,急着上线自己做的功能,自己写的css动画忘了加浏览器厂商前缀,最后导致自己的代码在自己的浏览器上动画很正常,放到leader的mac上的时候就出现问题了。当时还在想都是用的谷歌浏览器啊,为什么还会出现这个情况。css动画中大体结构如下

@keyframes bounce {

}
@-webkit-keyframes bounce {

 }
@-moz-keyframes bounce{

 }
@-o-keyframes bounce {

 }

.ball{
    /*通用的名称*/
    animation-name:bounce;
    animation-delay: 1s;
    animation-duration: 2s;
    /*weikit内核的浏览器 chrome Safari*/
    -webkit-animation-name:bounce;
    -webkit-animation-delay: 1s;
    -webkit-animation-duration:2s;
    /*moz Foxfire*/
    -moz-animation-name: bounce;
    -moz-animation-delay:1s;
    -moz-animation-duration:2s;
    /*opera 浏览器*/
    -o-animation-name:bounce;
    -o-animation-delay:1s;
    -o-animation-duration:2s;
}

如上就这样的一个简单问题,包括在动画中的控制动画具体的属性都需要加上浏览器的前缀的。这种低级的错误让我的leader花了很长时间来找bug(。。。。显得我的leader很low。。其实他不low,只是对前端的东西并不是太熟悉加上十分信任我,以为我不会犯这么低级的错误。。。)最后找到bug原来是因为我指定动画的时候,只写了

@keyframes bounce
没有加上浏览器前缀
@-webkit-keyframes bounce {

 }
@-moz-keyframes bounce{

 }
@-o-keyframes bounce {

 }
像上面这样

这让我的leader很崩溃!!!

我的leader从敲代码个人的习惯开始一点点纠正我的不好的小习惯,比如加上不必要的空格、空行,或者没有大括号小括号对齐等等。虽然我的leader有那么点小小的强迫症,但是他说的也不无道理:从你一个人的敲的代码就能看出一个程序员的大体是什么样的。 各种不规范让别人看自己的代码的时候也很崩溃,而且有了bug自己也很难发现。就像自己现在这次,如果我能向他说的那样, 注意代码对齐,就能一眼看出哪里的问题。我随便乱放的“ @keyframes” 导致自己没有跟之前写的经测试通过的代码进行及时对比来发现错误。这个错误一直让我久久(一天加一晚上)难以释怀~~我的leader一直强调要对齐对齐!!!!!!!代码整洁!!!!!!!!!!!!不要随便的空格、空行!!!!!!!! 每一个符号都要规范!比如
中的反斜杠都要注意!!!!

在此纪念一下,这两个月leader对我的影响确实很大,从最起码一个程序员最基本的代码素养着手。这些软能力是我提高效率,进而提高自己能力的必要保证!

你可能感兴趣的:(编码习惯)