章
目
录
前端开发的“三剑客”HTML、CSS和JavaScript里，CSS就像是给网页“化妆”的技术，能让网页变得美美的。但要是CSS代码写得不好，不仅影响页面效果，还可能让开发和维护变得麻烦。今天给大伙介绍的《CSS重构：样式表性能调优》这本书，就能教你怎么优化CSS代码，提升样式表性能，并且提供《CSS重构：样式表性能调优》pdf电子书免费下载，支持百度网盘和夸克网盘两种方式。
一、书籍基本信息
这本书的作者是来自美国的Steve Lindstrom。这哥们早在1999年还在中学读书的时候，就因为个人爱好开发了自己的第一个网站，妥妥的“技术苗子”。后来他在佛罗里达理工学院拿到了计算机科学学士学位，在国防、旅游科技、电子商务等领域都搞过软件开发。工作之余还喜欢研究烹饪、喝喝咖啡，生活挺滋润。
这本书由杜春晓和司韦韦翻译，人民邮电出版社出版，是图灵程序设计丛书·Web开发系列的一员。这个系列里有好多前端开发的宝藏书籍，像《精通CSS》《Node Web开发》等。本书2017年11月出版，一共140页，定价39元，平装装帧，ISBN是9787115469786。不过它在豆瓣上的评分只有5.4，虽然评分不算高，但书里还是有不少干货的。
二、书籍核心内容
（一）重构和架构：打好基础
开篇第一章，作者就给咱讲了重构和架构的概念。书里还讲了什么时候该重构，什么时候不该重构，还给了两个重构示例，一个是计算电子商务订单总价的示例，另一个是重构CSS的简单示例，让大家对重构有更直观的感受。
（二）级联：搞懂样式优先级
第二章介绍级联相关知识，这可是CSS里的关键概念。这里面涉及到选择器特指度，简单理解就是不同选择器“说话”的分量不一样，越具体的选择器优先级越高。还有规则集顺序，写在后面的规则可能会覆盖前面的。行内CSS的特指度也有自己的特点，另外还有!important声明，能强制覆盖其他样式，但尽量少用，不然代码不好维护。
（三）编写更优质的CSS：实用技巧
第三章全是编写优质CSS的实用技巧。写代码的时候加注释很重要，方便自己和别人理解代码。规则集的结构要保持一致，看着规整，找问题也方便。选择器尽量写得简单，别整太复杂，不然影响性能。CSS和JavaScript最好分开，在JavaScript里用带前缀的类和ID，用类来修改元素样式。多用类来控制样式，而且类名要有意义，看到名字就能大概知道它是干啥的。创建盒子的时候，content-box和border-box这两种盒子尺寸模式要搞清楚，根据实际需求选。
（四）为样式分类：清晰管理
第四章讲样式分类，这能让代码管理更清晰。样式可以分成通用样式、基础样式、组件样式、结构化样式、功能样式、浏览器特定样式等几类。基础样式涵盖文档元数据元素、区块元素、标题和文本元素等各种元素的样式；组件样式得先明确要实现的行为，保持合适的粒度；结构化样式和功能样式也都有各自的作用；浏览器特定样式是针对不同浏览器写的。
（五）测试：保障代码质量
第五章主要说测试。测试CSS代码可不容易，要考虑好多因素。不同的浏览器都得测，像iOS系统的Safari、安卓的浏览器、IE、Edge、Firefox、Chrome这些。测试的时候可以用开发者工具模拟设备尺寸，查看DOM和CSS样式。还有视觉回归测试，能对比页面样式有没有变化，用Gemini工具就能执行这种测试。另外，代码的维护也很重要，得遵循编码规范，建立模式库。
（六）代码的组织和重构策略：优化代码结构
最后一章讲代码的组织和重构策略。CSS代码可以按照样式从最不精确到最精确来组织，先写通用样式，再写基础样式，然后是组件及其容器的样式等等。开发的时候，用一个大文件还是多个文件各有利弊。重构之前要审查CSS代码，重构的时候有好多策略，比如保持规则集结构一致、删除僵尸代码、分离CSS和JavaScript等。最后还得评估重构有没有成功，看看网站崩没崩，UI有没有出bug，开发和测试时间有没有减少。
三、总结
《CSS重构：样式表性能调优》这本书虽然评分不高，但里面的内容还是挺实用的。要是你在写CSS代码的时候遇到问题，或者想优化代码，不妨翻翻这本书，说不定能找到解决办法。当然，书里有些内容可能讲得不是特别深入，大家可以结合实际情况，多实践多摸索，提升自己的CSS开发水平。有需要的哦朋友可以下载下来学习下！
资源下载
