阅读：《编写高质量代码》

前言   暑期回家前借了本书，全名《编写高质量代码:Web前端开发修炼之道》。发现计算机类书籍讲原理、讲应用的多，这种讲经验的真的不常见。十来天时间就把它看完了，内容不是很多，但真的写得很好，让我这个想学前端开发的受益良多。

内容  这本书作者作为一个从事前端开发多年的工作者，讲述前端开发的经验。我感觉，这本书就像一本进阶的讲web开发的书，不同的是，它里面讲的技术讲的思路，一般的讲技术的书是看不到的，而是那种你做了多年web开发，慢慢沉淀出的积累。你当然可以在一些论坛一些博客看到这样的经验交流，但像本书一样针对web前端开发系统地整理成书，少。阅读本书，就貌似在和一个经验丰富的前辈交流，不由让我很感谢此书作者付出的辛勤劳动。

一直以来自己前端开发的很多知识都是摸索而来，读了这本书觉得最大的收获就是它剖析了扼要地剖析很多技术的本质，让我学会从原理上思考。不知大家是否有过，编写CSS代码，有时出了问题实在不知道哪里的原因，总要经过各种尝试，最后发现“哦，加了这句竟然就好了”之类的经历，很典型的，就是父元素无法适应浮动子元素的高度这个问题。读了该书，很多问题都明朗了。举个例子：

<style type="text/css">
    .main p{color:gray}
</style>
<div class="main">
    <p>内容1</p>
    <p>内容1</p>
    <p>内容1</p>
    <p>内容1</p>
</div>

我让所有段落文字为灰色，这时我突然需要让最后一段显示为黑色，于是又写了下面代码：

<style type="text/css">
    .main p{color:gray}
    .fblack{color:black}
</style>
<div class="main">
    <p>内容1</p>
    <p>内容1</p>
    <p>内容1</p>
    <p class="fblack">内容1</p>
</div>

浏览器运行，咦咦咦？怎么回事，为什么还是灰色？？！以前遇到这种情况就纠结了，想百度一下都不知道怎么表达，于是只能各种尝试，比如最后可能会发现设置最后一段的id来绑定样式，突然就好了。。。看了本书，我才发现原来这是选择符的权重问题，html标签、class类和id的权重分别为1、10、100，如果同一元素有多个匹配的样式，且里面有冲突的，则高权重的会覆盖低权重样式。现在上面那个问题怎么会出现就明了了。所以书中给出一个低权重原则来应对这种问题。

总结   看完本书，有种很强的冲动想写代码，于是有了我的个人首页作品展的诞生。这本书是一本进阶你前端技术的好书，值得推荐，运用于我那页面编写让我感受到它的威力，不过我在运用书中知识于实际开发中也有过疑惑，比如书中提供的base.css代码中".clearfix:after"的合理性、使用base.css里面提供的类有时候一个只出现一次的元素挂了五六个类（。。。），让我怀疑是否合理等。总之，瑕不掩瑜，大家有兴趣可以看看我那个人首页的代码，里面有很多这本书中讲过的技术的痕迹。当然尽信书不如无书，实际开发还是要灵活应对。

后话   想写几句推荐本书，没想到就写了这么长，真不够简洁。。。本来想写一篇总结weber's showcase的博文，但感觉内容不多，算了。最近较忙，空闲时在开始写一个留言模块的代码，打算到时整合到我的首页去，敬请期待吧