浅谈个人前端项目中遇到的问题

该文章中我吧自己在做项目中的问题、如何解决方式以及一些经验分享给大家。
问题一：没有随手写上注释的习惯
一个项目中的代码是非常之多的，当你需要找到某些代码的时候没有注释的帮助会很麻烦，从而会影响心情导致思路不流畅。所以给自己的每一段代码写上注释就会显得很方便，
问题二：没有边写边看的习惯。
前端工程师比较忌讳先写完整体html代码再写CSS及JS，因为那样会导致你在编程的时候CSS会与HTML造成混乱，对个人来说会比较麻烦。
问题三：书写不够格式化

    .link_warpper a {
        display: inline-block;
        font-size: 16px;
        color: #fff;
        padding-right: 50px;
        padding-left: 30px;
        float: left;
    }

开始没有看懂这个提示是什么意思，后来经过自己查阅后发现由于浮动而忽略 inline-block。如果 float的值不是none ，则该框是浮动的，而“display被视为block由于浮动后会变成块盒，自己在浮动前加上了变成行块盒，导致出现这个提示错误。
问题四：margin-top和margin-bottom不能正常显示
父盒子中的子盒子使用margin-top不管用，需要在子盒子上加

{
height:0;
overflow:hidden
} 

问题五：类名定义问题
类名不能以数字开头或者以纯数字开头定义类名; 不推荐(不允许)使用汉字定义类名；
不能以特殊符号或者以特殊符号开头定义类名(_除外)； 不要使用标签名定义类名 。
问题六：修改select默认的样式

select{
	background:none;
	width:400px;
	border:1pxsolid #d8d8d8;
}
option{
	vertical-align: middle;
}

还有一些其他的小问题，比如标签的合理使用、一些样式书写规则混淆等等就不一一列举了。挑了几个个人常犯的（狗头保命）分享给大家，祝大家的代码一帆风顺，BUG为0！！！！