《高性能响应式Web开发实战》一1.2 本书的线索

本节书摘来异步社区《高性能响应式Web开发实战》一书中的第1章，第1.2节，作者： 李光毅 责编： 杨海玲，更多章节内容可以访问云栖社区“异步社区”公众号查看。

1.2 本书的线索

技术需要依靠产品来落地和彰显它的威力，否则再强悍的技术也只是象牙塔上小部分人的玩具而已。这就好比3A游戏大作对于游戏引擎的重要性（《孤岛危机》之于Cryengine，《战争机器》之于Unreal）。再有，“纸上得来终觉浅，绝知此事要躬行”，对古人如此，对程序员更是如此。学习技能和提升技能的最佳途径只有实践，开始使用学到的技术，并且遇到书本上从来就没有提及的困难，这才是进步的开始。

如果整本书每一章阐述的知识点相互独立，也就不能称之为书，至少不能称之为技术书，只能算作是某人博客的文章选集。所以书是有线索的，线索将每一章的内容联系起来，形成一个知识体系。例如，响应式图片与性能调优看似不相关，但过度地追求大而全的图片的解决方案，注定要用降低性能为代价。

我非常同意alistapart.com上的一篇文章《Building to Learn》[2] 中的一些观点，也深有感触：用技术做一些你感兴趣的事情，这是学习的最好方式。

综合以上原因，我们的书也需要一条线索，需要活生生的产品来将我们的知识付诸实践。这条线索就是完成一个可以应用在Jekyll（静态博客网站生成工具）上的响应式文章详情页。在每一章的结尾，我都将把这一章学到的技术运用到这个博客页面的制作过程中，来取代非响应式下的解决方案。读者读到书的结尾，这个页面也就开发完成了。读到这里的读者可以直接访问我的个人技术博客 http://qingbob.com来先睹为快，也可以访问本书在GitHub上的源码地址 https://github.com/hh54188/responsive-web-design-tutorial获取本书涉及的所有代码。

因为篇幅有限，所以整本书的主题是“开发”而不是“设计”。也就是说，我们只负责不遗余力地实现设计稿中的需求，而不问为何这样设计。要知道关于响应式设计同样也是一个庞大的课题。我相信已经有更好的文章和书描述了响应式产品、响应式交互式设计和移动优先，在本书中我只会偶尔提及。

下一代响应式Web设计：组件驱动式Web设计 自从著名设计师 Ethan Marcotte（@beep）在 A List Apart上发表了一篇名为《 Responsive Web Design》的文章之后，响应式网页设计（RWD，即 Responsive Web Design）的身影就出现在了公众面前。自此就有了响应式 Web 设计这个概念。从提出这个概念到今天已经有十多年的时间了。在这十多年来，CSS 也发生了巨大的变化，新增了很多新的特
响应式Web设计的9项基本原则 响应式web设计对于解决多类型屏幕问题来说是个不错方案，但从印刷的角度来看，其却存在着很多的困难。没有固定的页面尺寸、没有毫米或英寸，没有任何物理限制，让人感到无从下手。随着建立网站可用的各种小工具越来越多，像素设计局限于桌面和移动端也已经成为历史。因此，现在就让我们来说明一下如何运用响应式web设计的各项基本原则来实现，而不是抗拒流畅的网页体验。为了简单起见，我们将着重讲布局（当然，响应式设计远远不止于此，如果你想进一步学习，可以点击此处）。
浅谈响应式Web设计与实现思路 响应式是什么呢？顾名思义，响应式，肯定会自动响应，响应什么？应用程序是在终端屏幕窗口中展示给用户，被用户访问的，那么就是响应屏幕的变化，不同终端屏幕尺寸大小不一致，需要针对不同尺寸屏幕进行不同的展示响应。
异步社区 异步社区(www.epubit.com)是人民邮电出版社旗下IT专业图书旗舰社区，也是国内领先的IT专业图书社区，致力于优质学习内容的出版和分享，实现了纸书电子书的同步上架，于2015年8月上线运营。公众号【异步图书】，每日赠送异步新书。