前端开发经验分享(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)

你可能感兴趣的:(前端开发经验分享(2))