前端开发经验分享（2）

一，找一个好的测量页面宽高和取色器工具

1.宽高测量工具。取色器（测量宽高和量取你布局时候的背景颜色）这个太重要了！可以不使用photoshop都能够精确的量到。

二，自己编写适合自己的通用样式代码和布局代码基本样式

2.通用样式，通用布局代码

如：margin：0 padding：0。a标签和ul，ol等标签的默认样式抹除！通常布局页面：一个大的容器container 里面包着header,nav,main,footer。按照开发的页面需求可以进行增加，多利用盒子的优先级关系去布局

三，先把开发页面整体布局写出来再写细的东西

3.先把整体布局搞出来 再装修！Div里面套Div每一个Div盒子要给予它宽高这样就不容易出现BUG，最大的盒子则给予它width：100%就可以了，这样它就会随着内容的变化而变化，Div里面的内容不要超过Div不然也会容易有BUG。

四，布局的命名尽量用ID，写完HTML+CSS后再写JS

4.布局ID用英文查找，最好用ID命名，容器里面的内容用CLASS命名，因为用ID命名 使用JS的时候可以更方便获取元素

五，学会运用浏览器的F12控制台，处理BUG

5.最后一个让你能轻松搞定BUG的工具就是F12啦，把你开发的页面打开按F12打开它的控制台，里面的元素你可以随意添加和删减，这样可以让你高效的改变页面布局与发现你的BUG所在。（所谓的BUG就是你开发的过程中你出现的问题都可以称它为BUG）