高性能响应式Web开发实战PDF|Epub|txt|kindle电子书版本网盘下载

高性能响应式Web开发实战PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第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.2 CSS像素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.6 polyfill56

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.3 srcset语法96

5.3.1 移动优先或桌面优先97

5.3.2 计划赶不上变化98

5.3.3 家长式管理99

5.4 ＜picture＞元素99

5.4.1 sizes99

5.4.2 ＜picture＞元素和＜source＞元素102

5.4.3 polyfill105

5.4.4 ＜picture＞元素的未来105

5.5 放弃图片105

5.5.1 事实上我们并不需要图片105

5.5.2 数据URI105

5.5.3 CSS形状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.1 image-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.1 RESS185

7.4.2 其他187

小结187

第8章 工程问题189

8.1 安装Node.js189

8.2 Bower192

8.2.1 什么是Bower192

8.2.2 安装Bower193

8.2.3 使用Bower194

8.2.4 进阶使用195

8.3 Grunt198

8.3.1 什么是Grunt198

8.3.2 安装Grunt198

8.3.3 使用Grunt199

8.4 Yeoman203

8.4.1 什么是Yeoman203

8.4.2 安装Yeoman204

8.4.3 生成项目205

小结206

后记207