響應式Web設計的理念是頁面根據用戶行為以及
設備環境（屏幕尺寸、分辨率等）進行相應的響應和
調整。響應式網頁設計就是一個網站能夠兼容多個終
端——而不是為每個終端做一個特定的版本。
由李光毅編著的《高性能響應式Web開發實戰》
的內容分為兩部分，部分是前端的基本響應式技術，
涉及響應式布局和圖片的處理、解決問題的思路以及
一些進階的技巧等；第二部分內容在以上內容的基礎
上，還加入了如何對頁面進行性能調教的部分，這一
部分的內容包括如何確立性能指標，如何使用不同的
工具衡量性能以及如何解決常規的性能問題等。
本書主要針對的人群是有興趣學習響應式技術的
前端從業人員，也適合有前端基礎的相關人士閱讀。

第1章 概述及任務介紹
1.1 為什麼需要響應式設計
1.1.1 產品形態需要
1.1.2 性能與商業考慮
1.2 本書的線索
1.3 寫作思路
1.4 定義響應式
1.5 本書任務
第2章 響應式中要面對的問題
2.1 像素密度
2.2 CSS像素
2.3 視口
2.3.1 桌面瀏覽器的視口
2.3.2 移動設備瀏覽器的視口
2.3.3 設備寬度
小結
第3章 布局
3.1 寫在編碼前的話
3.1.1 寫出好的代碼
3.1.2 代碼的瀏覽器適配問題
3.1.3 仰望星空與腳踏實地
3.2 全局樣式
3.3 無懈可擊的導航欄
3.3.1 桌面端
3.3.2 移動端導航欄
小結
第4章 布局——響應式篇
4.1 媒體查詢
4.1.1 為什麼需要媒體查詢
4.1.2 什麼是媒體查詢
4.1.3 媒體查詢中的邏輯
4.1.4 媒體查詢的策略
4.1.5 導航欄與媒體查詢
4.1.6 polyfill
4.2 伸縮布局
4.2.1 為什麼需要伸縮布局
4.2.2 快速入門
4.2.3 基本應用
4.2.4 回歸導航欄flexbox.css
4.3 相對單位
4.3.1 相對單位em
4.3.2 相對單位rem
4.3.3 如何使用這幾種單位
4.4 標題布局
4.4.1 背景
4.4.2 文字居中
4.5 響應式文字
4.5.1 標題
4.5.2 正文內容
小結
第5章 響應式圖片
5.1 **的***
5.2 響應式圖用例
5.3 srcset語法
5.3.1 移動優先或桌面優先
5.3.2 計劃趕不上變化
5.3.3 家長式管理
5.4 picture元素
5.4.1 sizes
5.4.2 picture元素和source元素
5.4.3 polyfill
5.4.4 picture元素的未來
5.5 放棄圖片
5.5.1 事實上我們並不需要圖片
5.5.2 數據 URI
5.5.3 CSS形狀
5.5.4 圖標字體
5.6 後端方案
5.6.1 前端配置
5.6.2 後端配置
5.6.3 注意
5.7 優化標題的背景圖片
5.7.1 image-set
5.7.2 漸進式圖片
5.7.3 媒體查詢
5.7.4 無需圖片
小結
第6章 腳本與性能：入門篇
6.1 為何要選擇腳本
6.2 為何要談性能
6.3 如何衡量性能
6.3.1 頁面加載時間
6.3.2 速度指數—加載時間並非**
6.3.3 幀數
6.3.4 工具與測試
6.4 傳統腳本的性能優化指南
6.4.1 懶加載初級版本
6.4.2 優化點1：滾動事件的回調函數
6.4.3 優化點2：重繪與回流
6.4.4 優化點3：選擇器
小結
第7章 腳本與性能：提高篇
7.1 避免腳本
7.1.1 樣式實現
7.1.2 腳本實現
7.1.3 回到導航欄
7.2 封裝與加載器
7.3 性能優化思路
7.4 後端能做什麼
7.4.1 RESS
7.4.2 其他
小結
第8章 工程問題
8.1 安裝Node.js
8.2 Bower
8.2.1 什麼是Bower
8.2.2 安裝Bower
8.2.3 使用Bower
8.2.4 進階使用
8.3 Grunt
8.3.1 什麼是Grunt
8.3.2 安裝Grunt
8.3.3 使用Grunt
8.4 Yeoman
8.4.1 什麼是Yeoman
8.4.2 安裝Yeoman
8.4.3 生成項目
小結
後記