高性能响应式Web开发实战

(副标题)：无 ;

(作者): 李光毅 ;

内容简介：

​ 第1章 概述及任务介绍
本章向读者大致描述整本书的轮廓。希望通过阅读本章内容，读者能够了解这本书涉及的技术范围、写作风格、写作思路以及贯穿全文的线索。我相信这对读者阅读接下来的内容会很有帮助，不至于让读者觉得某些章节的安排比较突兀。
当然，读者也可以跳过本章内容，直接进入下一章，开始实战技术的学习。
1.1 为什么需要响应式设计
首先，我们先讲一下“为什么”需要响应式。
1.1.1 产品形态需要
我不想再谈论移动设备的增长趋势，也不需要强调用户每天花费多少时间在移动设备上，更不必用数字和图表告诉各位移动互联网形势如何好。毕竟每天各种互联网报告和科技媒体都在反复提醒着我们这些事情。
这里我们仅站在产品和技术的角度上思考，假设没有响应式设计，假设不区分移动与桌面用户，任由他们访问相同的桌面端页面，会有什么问题？
以大众点评网为例，如果你真的在手机上访问过站点的桌面版，那体验将会是灾难般的，手机上网页文字很难辨别，如图1-1和图1-2所示。

图1-1

图1-2
当我想查看右下角的热门餐厅有哪些时，不得不小心翼翼地用手势放大、移动页面，调整到需要浏览的区域。请小心操作，因为稍不留神就可能误点击了页面的某一处链接导致浏览器跳转到其他页面去，又不得不返回，再重复之前的步骤（这是常常发生在我身上的事情）。
介于使用场景（如户外、室内、紧急程度等）和使用媒介（如手机、平板、电视甚至智能手表等）的不同，Web产品在受到诸多限制（如屏幕大小、交互方式）的不同终端上产品形态应当是存在差异的。
让我们再考虑一些更恶劣的情况，不，应该说更实际一些的情况。Web产品在移动设备上最大的天敌不是兼容性问题而是不稳定的网络信号。如果页面的体积过于庞大，请求过多，用户下载页面被中断而无法正常被访问的概率也就更大。大众点评（大部分网站也是如此）的移动版和桌面版在页面加载体积方面

目录预览：

​ 高性能响应式Web开发实战
第1章 概述及任务介绍
第2章 响应式中要面对的问题
第3章 布局
第4章 布局——响应式篇
第5章 响应式图片
第6章 脚本与性能：入门篇
第7章 脚本与性能-提高篇
第8章 工程问题
后记
看完了