稀酷客

 找回密码
 加入稀酷客

只需一步,快速开始

只需一步,快速开始

[电子资料] 《高性能响应式Web开发实战》.(李光毅).[PDF]@ckook

[推广链接]
立即下载
by : za338o | QQ | 发表于 2018-4-8 17:26:49 | 查看: 204|回复: 1
《高性能响应式Web开发实战》.(李光毅).[PDF]@ckook 站长&SEO
响应式Web设计的理念是让页面根据用户行为以及设备环境(屏幕尺寸、分辨率等)进行相应的响应和调整。响应式网页设计就是一个网站能够兼容多种终端,而不是为每种终端做一个特定的版本。
本书分为两部分,首部分是前端的基本响应式技术,涉及响应式布局、图片的处理、解决问题的思路以及一些进阶的技巧等;第二部分在以上内容的基础上,加入了对页面进行性能调优的内容,包括如何确立性能指标,如何使用不同的工具衡量性能,以及如何解决常规的性能问题等。
本书适合有兴趣学习响应式技术的前端从业人员和其他相关人员阅读。
作译者
李光毅 曾就职于爱奇艺,现任百度高级前端工程师,主要负责前端Web 产品开发, 以及后端Node.js 框架维护。 在HTML、JavaScript 等前端技术方面略有心得,喜欢对Web 性能吹毛求疵,同时也对ASP.NET、MongoDB、Python 等技术有着浓厚的兴趣。业余时间曾经喜欢折腾硬件编程,如Kinect for Windows、Leap Motion 等,现在爱好使用Unity 写游戏。热爱前端,乐于分享。

目录
第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 polyfill 56
4.2 伸缩布局 58
 4.2.1 为什么需要伸缩布局 58
 4.2.2 快速入门 58
 4.2.3 基本应用 60
 4.2.4 回归导航栏flexbox.css 62
4.3 相对单位 63
 4.3.1 相对单位em 65
 4.3.2 相对单位rem 67
 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 sizes 99
 5.4.2 [picture]元素和[source]元素 102
5.4.3 polyfill 105
5.4.4 [picture]元素的未来 105
5.5 放弃图片 105
 5.5.1 事实上我们并不需要图片 105
 5.5.2 数据 URI 105
 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-set 120
 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 RESS 185
 7.4.2 其他 187
小结 187
第8章 工程问题 189
8.1 安装Node.js 189
8.2 Bower 192
 8.2.1 什么是Bower 192
 8.2.2 安装Bower 193
 8.2.3 使用Bower 194
 8.2.4 进阶使用 195
8.3 Grunt 198
 8.3.1 什么是Grunt 198
 8.3.2 安装Grunt 198
 8.3.3 使用Grunt 199
8.4 Yeoman 203
 8.4.1 什么是Yeoman 203
 8.4.2 安装Yeoman 204
 8.4.3 生成项目 205
小结 206
后记 207

立即下载( 3571.zip )解压密码:已隐藏见下(↓)

游客,本付费内容需要支付 20酷币 才能浏览    如何获取酷币?支付
回复

使用道具 举报

by : 幽壑潜蛟 | QQ | 发表于 2018-4-9 09:26:18
来研究一下有多高性能
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 加入稀酷客   

本版积分规则

点击这里给我发消息 |Archiver|手机版|小黑屋|稀酷客 ( 冀ICP备14004526号-1 )

GMT+8, 2018-4-24 04:53 , Processed in 1.093750 second(s), 37 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表