阶段性总结

这段时间太忙了，现在来好好总结一下这段时间写前端代码遇到的一些问题，以及如何解决的。

1、有关命名的问题，class命名，由于担心命名会重复，所以我很多大量的使用“-”连字符来连接放置重复，但是其实这个只是单纯的增加了代码量，有点没必要，我们可以使用更具有语义性质的命名方式来命名。例如：{float:left;}可以使用.fl来表示，{background-color:red},可以使用bg-red来表示。浅显易懂，而且很具有代表性。

2、关于js与css文件的问题。我们做一个项目会与很多的js与css是共同的，所以在一开始就可以设置一个common.js或者common.css，这个里面一个是放置共通的头部，另一个是可以将一些共通的js和css样式放在里面，然后每个页面都可以使用，减少了文件的数量，也增加后期的可维护性。

3、还有一个比较重要的就是自适应，如果是使用bootstrap的自适应，主要就是针对不同的屏幕尺寸进行宽高设定，@media来设定其对应的样式。一般情况下，我们可以针对网页端的设定固定的container为1100px;同时，有一个问题就是针对ie浏览器的兼容性问题，我们需要增加代码http://blog.csdn.net/rui512777/article/details/52414216；这里有很详细的介绍；

4、页面的轮播图，这个我会单独来做一个总结，轮播图应该算是现在页面里面使用最多的一种样式行为了。

5、图片的处理问题，图片跳转时，一般都是使用a标签来跳转的，但是需要注意的是a标签是一个行内元素，行内元素没有长宽，我们需要将其变成display:inline-block。