論敲程式碼時好的編碼習慣的重要性！！！

先說一下工作中的碰到的情況：由於自己急著做出效果，急著上線自己做的功能，自己寫的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一直強調要對齊對齊！！！！！！！程式碼整潔！！！！！！！！！！！！不要隨便的空格、空行！！！！！！！！ 每一個符號都要規範！比如<img /><br />中的反斜槓都要注意！！！！

在此紀念一下，這兩個月leader對我的影響確實很大，從最起碼一個程式設計師最基本的程式碼素養著手。這些軟能力是我提高效率，進而提高自己能力的必要保證！