Web应变之道

　　本书前两章介绍当今社会Web世界的现状和特征，从根源上认识Web的基因，得出正确的Web技术思维，后续章节围绕大家所面临的具体难题：新特性开发、多端的支持、变化的用户输入设备、最具表现力的Web载体图片和视频等主题展开详述，部分内容，作者会使用最精简的源码，帮助分析得出适合的解决方案。

　　莫卫红，花名莫魔，英文名meric mo。前端专家，10余年的互联网技术开发与架构经验，先后在招商银行、腾讯、阿里巴巴主导过金融业务、虚拟业务、游戏、电商交易、外贸服务等业务的技术研发，曾多次组建团队进行核心业务攻坚，有丰富的Web架构经验与团队管理经验。

目录前言 xiii第 1 章 拥抱不确定性 1拥抱不确定性 2从微软独家垄断到今天百花齐放 4我们现在所处的位置 5浏览器 6开放的 Web 平台 11网络速度和质量 18人机交互界面 19屏幕分辨率和屏幕方向 21像素密度 212% 究竟意味着什么？ 25这正是我们想要的 26第 2 章 掌控 Web 的不确定性 29不要因 Web 的本性而责备它 30识别和拥抱你的受众 30测试并祈祷最好的结果 34专注于最优，而不是绝对的解决方案 38拥抱可访问性 40为非文字的内容提供可替代的文本 41确保信息和结构与表现的分离 44确保可以用键盘进行所有功能性操作 44除非必需的定时或移动，否则用户应当可以暂停内容 45提供机制帮助用户找到内容、定位位置和导航页面 45帮助用户避免犯错让纠正错误变得简单 46为现在和未来的 UA 提供兼容（包括辅助技术） 47不要止步于此 47丢掉你的技术偏见 47iPhone 是唯一的移动端体验 48可关掉的，无法修复/重现的问题。 49和主流的观点相反， IE 确实还存在 49设身处地 51丢掉你的框架库偏见 51jQuery 52MV* 框架 53关注技术前沿 53张开你的翅膀（并质疑你的推断） 55第 3 章 新特性的开发 57特征检测 58一个比较复杂的特征检测案例 59使用 Modernizr 库 60旧版本 IE： Modernizr 让它现代化的案例 61使用（和不使用） Modernizr 61Modernizr 的特征检测 64定制 Modernizr 67使用 Modernizr 进行特征检测 68跨浏览器的 Polyfils 71其他的 Modernizr 方法 72管理那些不可检测的特征 75常用的特征检测及相关的 polyfils 77“前端开发做该做的事情” 80第 4 章 响应式设计与移动端体验设计81波士顿环球报采用响应式重新设计 82响应式设计真的适合所有网站？ 83移动端优先， RESS 及其他通用的移动端开发 85专用的移动体验 86移动端优先 87渐进增强 87RESS 87选择正确的开发捷径 88你的团队的大小与技能 88你的网站或应用的要求 88你的用户类型 88你的预算 89响应式设计的好处 89响应式的缺点 90专用的移动端站点体验的优点 91专用的移动端站点体验的缺点 92Facebook 做什么，我们就要跟着做什么吗？或者是美国最大的站点在做什么我们就要去做什么吗？ 93选择对你项目有实际意义的架构 95重定向应该解决逻辑问题 97重定向选项 99简单的重定向 99更复杂的查询 103总是在你的移动站点上提供一个出口 104尽可能保持流体设计 106不要吝啬于使用断点 109相对单位 110“接受事物的潮起潮落” 112第5 章 处理用户输入 113Web 上用户输入的现状 114“触屏”检测的概念问题 116“触屏”检测的技术问题 116后果自负 118彻底失败 119局部失误 120为各种潜在的用户输入方式做设计 122为所有界面提供触摸功能 122别依赖 Hover 122拥抱明确性 123处理所有的用户输入方式 123触摸事件与鼠标事件的现状 123别假设任何事，为所有人服务 137第6 章 出奇复杂的Web 图片139图片悄悄地变复杂了 140提供尽可能小的文件尺寸 142利用浏览器的预加载 142为各种分辨率提供尺寸合适的图片 143为具备多种像素比的设备提供正确尺寸的图片 143在不同环境使用不同尺寸的图片或不同的图片 143使用设计断点 144提供正确的图片格式 144图片很简单，并且应该保持简单 144为 Web 去优化图片 144JPEG 144选择正确的图片格式 147寻求 CDN 解决方案 148响应式图片 148通过配置去解决问题（至少不需要增加额外的事情） 149srcset 属性 150picture 元素 153Picturefil、 picture 元素的 Polyfil 157拥抱 SVG 158服务端处理 162超实用的开发指南 162明确图片对你站点的重要性 163把基本的处理做好 163尽可能用最简单的方案 163学会去爱 SVG 164测试！ 164小结 164第7 章 极其复杂的 Web 视频165核心技术 166video 元素 166通过 Flash 降级 169存储与编解码 170Video.js 173Mime 类型和流媒体自适应比特率 175用专业的方式去处理 177YouTube 177Vimeo 181一个复杂的例子 184第8 章 理想的 Web 187事情总会变得更好（虽然偶尔会变得更糟） 188Firefox 宣布支持 h.264 编解码 188从消亡中回来的 picture 189Point 事件或许真的会消失 189我知道这样的事情会发生 190让我们推动一切向前发展 190开发人员、浏览器厂商和标准机构作用下的 Web 世界 190快速、可靠、广泛地使用 Web 世界 191Web 没有所谓的赢 193开启我们想要的 Web 世界 194索引195