作品简介

响应式Web设计的理念是让页面根据用户行为以及设备环境(屏幕尺寸、分辨率等)进行相应的响应和调整。响应式网页设计就是一个网站能够兼容多种终端,而不是为每种终端做一个特定的版本。

李光毅

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

作品目录

  • 作者介绍
  • 内容提要
  • 前言
  • 为什么写这样一本书
  • 技术概述
  • 内容安排
  • 本书特点
  • 第1章 概述及任务介绍
  • 1.1 为什么需要响应式设计
  • 1.2 本书的线索
  • 1.3 写作思路
  • 1.4 定义响应式
  • 1.5 本书任务
  • 第2章 响应式中要面对的问题
  • 2.1 像素密度
  • 2.2 CSS像素
  • 2.3 视口
  • 小结
  • 第3章 布局
  • 3.1 写在编码前的话
  • 3.2 全局样式
  • 3.3 无懈可击的导航栏
  • 小结
  • 第4章 布局——响应式篇
  • 4.1 媒体查询
  • 4.2 伸缩布局
  • 4.3 相对单位
  • 4.4 标题布局
  • 4.5 响应式文字
  • 小结
  • 第5章 响应式图片
  • 5.1 万能的100%
  • 5.2 响应式图用例
  • 5.3 srcset语法
  • 5.4<picture>元素
  • 5.5 放弃图片
  • 5.6 后端方案
  • 5.7 优化标题的背景图片
  • 小结
  • 第6章 脚本与性能:入门篇
  • 6.1 为何要选择脚本
  • 6.2 为何要谈性能
  • 6.3 如何衡量性能
  • 6.4 传统脚本的性能优化指南
  • 小结
  • 第7章 脚本与性能-提高篇
  • 7.1 避免脚本
  • 7.2 封装与加载器
  • 7.3 性能优化思路
  • 7.4 后端能做什么
  • 小结
  • 第8章 工程问题
  • 8.1 安装Node.js
  • 8.2 Bower
  • 8.3 Grunt
  • 8.4 Yeoman
  • 小结
  • 后记
  • 看完了
展开全部