第1篇 用户体验
第1章 用户体验
1.1 何为用户体验
1.2 了解用户心理
1.3 前端的作用
第2篇 宏观上的俯瞰
第2章 前端性能瓶颈
2.1 技术框架选型
2.2 项目复杂程度
2.3 运行环境
第3章 前端的分层
3.1 HTML 结构层
3.2 CSS 样式层
3.3 JS 行为层
第3篇 分条目详解性能优化
第4章 HTML 层级优化
4.1 化繁为简
4.2 标签属性及模板
4.3 容易忽略的细节
第5章 CSS 层级优化
5.1 样式多复用
5.2 CSS 选择器
5.3 减少“昂贵”的样式成本
5.4 CSS 层级其他优化
第6章 JavaScript 层级优化
6.1 JavaScript 的运行机制
6.2 定时器是一把双刃剑
6.3 事件的绑定
6.4 一些优秀的JavaScript层级思想
第7章 资源加载优化
7.1 资源解析优化
7.2 加载模式
7.3 资源优化处理
第8章 其他层级优化
8.1 页面渲染过程
8.2 控制交互请求
8.3 合理的数据结构
8.4 有趣的异步
8.5 充分利用硬件GPU 加速
第4篇 好用的前端工具与新技术
第9章 前端调试
9.1 强大的Chrome
9.2 断点
第10章 常见的自动化构建工具
10.1 构建工具概述
10.2 Grunt
10.3 Gulp
10.4 强大的Webpack
第11章 新技术对性能的提升
11.1 即时通信
11.2 MVVM 框架
11.3 Vue 相关知识
11.4 移动端相关应用
第5篇 前端思想与案例分析
第12章 思想高于逻辑，逻辑强于代码
12.1 首次架构重于迭代升级
12.2 良好的编码习惯
12.3 代码重构
12.4 开发效率与性能间的权衡
第13章 性能优化案例分析
13.1 某搜索网站的优化
13.2 某电商网站的优化
13.3 某新闻网站的优化
· · · · · · (收起)