整理中...
- 第1章 HTML/CSS优化
- Effective 1: 能用HTML/CSS解决的问题就不要用JS
- Effective 2: 优化HTML标签
- Effective 3: 用CSS画一个三角形
- Effective 4: 尽可能地使用伪元素
- 第2章 JS优化
- Effective 5: 减少前端代码耦合
- Effective 6: JS书写优化
- 第3章 页面优化
- Effective 7: 避免页面卡顿
- Effective 8: 加快页面打开速度
- Effective 9: 增强用户体验
- Effective 10: 用好Chrome Devtools
- 第4章 HTML5优化实践
- Effective 11: 使用H5的history改善AJAX列表请求体验
- Effective 12: 使用图标替代雪碧图
- Effective 13: 理解和使用CSS3动画
- Effective 14: 实现前端裁剪压缩图片
- Effective 15: 实现跨浏览器的HTML5表单验证
- Effective 16: 使用Service Worker 做一个PWA离线网页应用
- 第5章 前端与计算机基础
- Effective 17: 理解 WebSocket 和 TCP/IP
- Effective 18: 理解HTTP5连接的前几毫秒发生了什么
- Effective 19: 弄懂为什么 0.1+0.2 不等 0.3
- Effective 20: 明白 WebAssembly 与程序编译
- Effective 21: 理解JS与多线程
- Effective 22: 学会 JS 与面向对象
- Effective 23: 了解SQL
- Effective 24: 学习常用的前端算法与数据结构
- 第6章 掌握前端基础
- Effective 25: 掌握同源策略和跨域
- Effective 26: 掌握前端本地文件操作与上传
- Effective 27: 学会常用的 CSS 居中方式
- Effective 28: 学会常用的 CSS 布局技术
- Effective 29: 理解字号与行高
- Effective 30: 使用响应式开发
- Effective 31: 明白移动端 click 及自定义事件
- Effective 32: 学习 JS 高级技巧
- 第7章 运用恰当的工具
- Effective 33: 前端的单元测试与自动化测试
- Effective 34: 使用 AE + bodymovin 制作网页动画
本书已读完，笔记会陆续整理出来，有些没整理是个人觉得没必要，会把精华部分列出来。
总体来说本书适合有一些工作经验的人看，涉及到很多底层的优化技巧，还是推荐大家去看看。