我用夸克网盘分享了「高性能响应式Web开发实战.pdf」，点击链接即可保存。打开「夸克APP」在线查看，支持多种文档格式转换。

内容简介

响应式Web设计的理念是让页面根据用户行为以及设备环境（屏幕尺寸、分辨率等）进行相应的响应和调整。响应式网页设计就是一个网站能够兼容多种终端，而不是为每种终端做一个特定的版本。 本书分为两部分，首部分是前端的基本响应式技术，涉及响应式布局、图片的处理、解决问题的思路以及一些进阶的技巧等；第二部分在以上内容的基础上，加入了对页面进行性能调优的内容，包括如何确立性能指标，如何使用不同的工具衡量性能，以及如何解决常规的性能问题等。 本书适合有兴趣学习响应式技术的前端从业人员和其他相关人员阅读。

作者简介

李光毅 曾就职于爱奇艺，现任百度高级前端工程师，主要负责前端Web 产品开发， 以及后端Node.js 框架维护。 在HTML、JavaScript 等前端技术方面略有心得，喜欢对Web 性能吹毛求疵，同时也对ASP.NET、MongoDB、Python 等技术有着浓厚的兴趣。业余时间曾经喜欢折腾硬件编程，如Kinect for Windows、Leap Motion 等，现在爱好使用Unity 写游戏。热爱前端，乐于分享。

网友热评

悠嘻: 前几章写的还比较详细，从第6章感觉就有点划水了。重点还是再响应式图片和布局相关。值得看一下。

图书目录

目录 第1章概述及任务介绍1 1.1为什么需要响应式设计1 1.1.1产品形态需要1 1.1.2性能与商业考虑3 1.2本书的线索3 1.3写作思路4 1.4定义响应式5 1.5本书任务6 第2章响应式中要面对的问题9 2.1像素密度9 2.2CSS像素14 2.3视口17 2.3.1桌面浏览器的视口17 2.3.2移动设备浏览器的视口18 2.3.3设备宽度20 小结21 第3章布局23 3.1写在编码前的话23 3.1.1写出好的代码24 3.1.2代码的浏览器适配问题25 3.1.3仰望星空与脚踏实地26 3.2全局样式27 3.3无懈可击的导航栏30 3.3.1桌面端30 3.3.2移动端导航栏37 小结40 第4章布局——响应式篇41 4.1媒体查询41 4.1.1为什么需要媒体查询41 4.1.2什么是媒体查询44 4.1.3媒体查询中的逻辑45 4.1.4媒体查询的策略46 4.1.5导航栏与媒体查询51 4.1.6polyfill56 4.2伸缩布局58 4.2.1为什么需要伸缩布局58 4.2.2快速入门58 4.2.3基本应用60 4.2.4回归导航栏flexbox.css62 4.3相对单位63 4.3.1相对单位em65 4.3.2相对单位rem67 4.3.3如何使用这几种单位68 4.4标题布局70 4.4.1背景71 4.4.2文字居中73 4.5响应式文字79 4.5.1标题79 4.5.2正文内容83 小结89 第5章响应式图片91 5.1万能的100%91 5.2响应式图用例93 5.3srcset语法96 5.3.1移动优先或桌面优先97 5.3.2计划赶不上变化98 5.3.3家长式管理99 5.4＜picture＞元素99 5.4.1sizes99 5.4.2＜picture＞元素和＜source＞元素102 5.4.3polyfill105 5.4.4＜picture＞元素的未来105 5.5放弃图片105 5.5.1事实上我们并不需要图片105 5.5.2数据URI105 5.5.3CSS形状107 5.5.4图标字体110 5.6后端方案118 5.6.1前端配置118 5.6.2后端配置119 5.6.3注意119 5.7优化标题的背景图片120 5.7.1image—set120 5.7.2渐进式图片120 5.7.3媒体查询122 5.7.4无需图片123 小结124 第6章脚本与性能：入门篇125 6.1为何要选择脚本125 6.2为何要谈性能126 6.3如何衡量性能126 6.3.1页面加载时间127 6.3.2速度指数—加载时间并非万能129 6.3.3帧数133 6.3.4工具与测试136 6.4传统脚本的性能优化指南147 6.4.1懒加载初级版本147 6.4.2优化点1：滚动事件的回调函数153 6.4.3优化点2：重绘与回流157 6.4.4优化点3：选择器161 小结163 第7章脚本与性能：提高篇165 7.1避免脚本165 7.1.1样式实现166 7.1.2脚本实现168 7.1.3回到导航栏170 7.2封装与加载器175 7.3性能优化思路181 7.4后端能做什么185 7.4.1RESS185 7.4.2其他187 小结187 第8章工程问题189 8.1安装Node.js189 8.2Bower192 8.2.1什么是Bower192 8.2.2安装Bower193 8.2.3使用Bower194 8.2.4进阶使用195 8.3Grunt198 8.3.1什么是Grunt198 8.3.2安装Grunt198 8.3.3使用Grunt199 8.4Yeoman203 8.4.1什么是Yeoman203 8.4.2安装Yeoman204 8.4.3生成项目205 小结206 后记207