前 言

高性能响应式Web开发实战
为什么写这样一本书
作为一名程序员，写书也好，写博客也罢，其实都和写开源程序的性质是一样的，都是想要把自己的知识分享出去。分享是一件非常有成就感同时也是很快乐的事情，因为我们在此过程中会有很多新的想法，会迫不及待地想去实现，也会有很多人来和我们进行交流，探讨其他的一些可能性。最重要的是，对于做分享的人而言，做好分享很难！首先，分享者要对自己讲解的技术有足够的了解，不仅仅是了解如何用它，还要了解它的过去和未来；其次，分享者要能够娓娓道来，要站在受众的立场上考虑他怎样才能听懂，他可能会有哪些疑惑；最后，分享者有责任确保自己分享的知识的准确性和正确性，分享内容的质量同时也折射了分享者的技术水平，这也是迫使分享者进步的一个动力。

响应式技术，乃至前端的技术，发展是非常迅速的，现在能够使用或者可预见的响应式技术，在我看来是非常有意思和振奋人心的。但是，因为一些国内客观条件的限制（公司环境、从业者认知、用户行为等），响应式技术的发展与国外的发展水平有一定的差距。目前能找到的大部分与响应式设计相关的书基本都是从国外引进的，而这些原著一般是几年前出版的，因此这些书传授的知识现在看来显得有些保守和落后（当然终究有一天这本书的内容也会落伍和被淘汰，只是时间的问题罢了）。我想说，即使我们没有机会将大部分技术应用于实战，也应该通过一种渠道了解它究竟发展到何种程度了，至少在将来某一天需要时能够知道从哪里开始。

给页面做性能优化也是我这几年的工作内容之一。我阅读了很多资料，也做过很多的实践和尝试，踩过坑，也总结出一些经验，所以想把其中的一些宝贵经验分享出来。当然，这些经验不仅仅来源于我自己，还有来自工作中一起奋斗过的同事们，感谢他们。

我也是一个通过阅读来学习新技术的人，我会订阅一些技术博客，也会翻阅一些原版书籍。我更欣赏国外技术人员撰写的文章，因为他们讲解技术的时候总能做到循循善诱，有问题的起因，原有方案的不足，现有解决方案如何，以及在现有方案上又有谁做了哪些创新，现有方案仍然存在的不足，最后再提出一些开放性的问题，而不仅仅是给自己看的学习日记，或者把API文档更通俗地翻译一遍。

技术不是什么高深莫测的东西，一个看似复杂的解决方案拆解之后其实只是一些解决问题手段的叠加。因此，我一直希望在我给其他人分享技术时能有机会采用上面所说化繁为简的方式循序渐进。这本书就是这个理念的最好实践。

目 录

第1章 概述及任务介绍
1.1 为什么需要响应式设计
1.2 t本书的线索ext
1.3 写作思路
1.4 定义响应式
1.5 本书任务
第2章 响应式中要面对的问题
2.1 像素密度
2.2 CSS像素
2.3 视口
2.4 小结
第3章 布局
第4章 布局——响应式篇
第5章 响应式图片
第6章 脚本与性能：入门篇
第7章 脚本与性能-提高篇
第8章 工程问题