前端工程师手册
介紹
1. HTML/CSS基础
- 1.1. HTML常用标签
- 1.2. HTML语义化
- 1.3. DOCTYPE和浏览器渲染模式
- 1.4. 理解DOM结构
- 1.5. HTML5新增内容
- 1.6. 常用CSS属性
- 1.7. 盒模型
- 1.8. CSS普通流（文档流）
- 1.9. CSS定位方式
- 1.10. CSS浮动相关
- 1.11. CSS选择器
- 1.12. CSS常见布局
- 1.13. CSS书写与命名
- 1.14. CSS3新增特性
- 1.15. 常用meta整理
- 1.16. 什么是Viewport
2. HTML/CSS进阶
- 2.1. 自定义字体
- 2.2. CSS基线
- 2.3. CSS动画
- 2.4. 前端UI框架
- 2.5. Bootstrap学习指南
3. JavaScript基础
- 3.1. 作用域问题
- 3.2. 运算符的优先级
- 3.3. 变量对象
- 3.4. undefined与null的区别
- 3.5. 内置对象与原生对象
- 3.6. 关于函数
- 3.7. 立即执行函数
- 3.8. 闭包
- 3.9. 事件机制
- 3.10. 原型继承
- 3.11. 详解this
- 3.12. 在JavaScript中一切都是对象吗？
- 3.13. DOM操作
- 3.14. JSON对象
4. JavaScript进阶
- 4.1. 理解作用域链
- 4.2. Callback问题
- 4.3. Promise
- 4.4. 模板引擎
- 4.5. Underscore
- 4.6. ES6
- 4.7. Base64编码与解码
5. JavaScript面向对象
- 5.1. 封装
- 5.2. 继承
6. JavaScript设计模式
- 6.1. 单例模式: Singleton
7. 编写JavaScript框架
- 7.1. 框架结构
8. JavaScript模块管理
- 8.1. 模块化简介
- 8.2. 模块依赖管理工具对比
- 8.3. AMD
- 8.4. UMD
- 8.5. requireJS
  - 8.5.1. 入门使用
  - 8.5.2. 压缩优化
9. JavaScript数据结构
- 9.1. 数据类型
10. JavaScript异步编程
- 10.1. 常见的异步模式
- 10.2. 什么是Promise
- 10.3. Promise规范
- 10.4. Promise实战
- 10.5. Async控制异步流程
- 10.6. EventProxy控制异步流程
- 10.7. JSDeferred控制异步流程
11. JavaScript正则表达式
- 11.1. 基本语法
- 11.2. 实用案例
12. jQuery相关
- 12.1. jQuery事件注册和取消
- 12.2. 获取元素在DOM中的顺序
- 12.3. Deferred对象
- 12.4. jQuery代码技巧
- 12.5. jQuery源码分析
  - 12.5.1. 源码构建
  - 12.5.2. 理解架构
13. GSAP相关
- 13.1. 常见问题
14. 网络相关
- 14.1. 常见HTTP状态码
- 14.2. web缓存机制
- 14.3. 404页面
15. 跨域问题
- 15.1. 同源策略
- 15.2. iframe自适应
- 15.3. WebService解决方案
- 15.4. JSONP
16. 调试与测试
- 16.1. Blackbox
- 16.2. Mocha测试框架
17. 前端自动化
- 17.1. 项目目录组织
- 17.2. 自动化流程
- 17.3. yeoman
- 17.4. yo
- 17.5. bower
- 17.6. gulp
- 17.7. gulp插件选择
- 17.8. yeoman参考案例
18. SPA
- 18.1. 什么是SPA
- 18.2. 单页面SEO解决方案
- 18.3. 开发无框架单页面应用
- 18.4. 可伸缩的同构Javascript代码
- 18.5. PJAX
19. 理解架构
20. 前后端分离
- 20.1. 一个简单粗暴的前后端分离方案
21. UI
- 21.1. 关于Retina
- 21.2. 响应式图片
- 21.3. 响应式字体
- 21.4. 中文字体
- 21.5. 移动端字体
- 21.6. 响应式设计原则
- 21.7. 中文排版的规范
- 21.8. 移动端尺寸
22. UX
- 22.1. 页面滚动条出现时不跳动
- 22.2. 使用渐进式JPEG来提升用户体验
23. 动画相关
- 23.1. 动画类型
- 23.2. 跟动画有关的数学和物理公式
- 23.3. 缓动原理与实现
- 23.4. 常用动画效果与缓动
- 23.5. SVG动画
24. 原理性质
- 24.1. JavaScript的加载与执行
- 24.2. 单线程的Javascript
- 24.3. 浏览器解析介绍
- 24.4. v8引擎
- 24.5. 浏览器渲染
- 24.6. JS动画性能
- 24.7. Repaint和Reflow
- 24.8. URL编码与解码
- 24.9. 字体的渲染
- 24.10. 图片格式的优缺点
25. 性能优化
- 25.1. 编码规范
- 25.2. JavaScript代码最佳实践
- 25.3. 移动H5前端性能优化指南
- 25.4. 浏览器渲染性能优化
- 25.5. 开发和部署前端代码
- 25.6. 优化网络请求
- 25.7. 页面提速方法
- 25.8. Chrome开发者工具的使用
- 25.9. JavaScript内存优化
- 25.10. javascript事件优化
- 25.11. 页面滚动性能
- 25.12. canvas渲染性能
26. web开发中的坑or技巧
- 26.1. 排版兼容性问题
- 26.2. 浏览器报错
- 26.3. iPad的bug合集
- 26.4. addEventListener与handleEvent关系
- 26.5. localStorage的使用
- 26.6. 移动端fixed布局
- 26.7. touch事件
- 26.8. 处理输入事件
- 26.9. 触摸和鼠标在一起
- 26.10. 如何延时触发事件
- 26.11. 数组的操作
- 26.12. 对象的操作
- 26.13. mobile设备的横竖屏切换检测
- 26.14. 生成随机数字
- 26.15. setTimeout的误区
- 26.16. 好用的原生API操作
27. 前端面试
- 27.1. 前端技能图谱
- 27.2. 前端知识点
- 27.3. 原则与技巧
- 27.4. html/css面试题
- 27.5. JavaScript面试题
- 27.6. jQuery面试题
- 27.7. 网络相关面试题
- 27.8. 面试题集合
28. 参考资料
- 28.1. 图书资料
- 28.2. 视频教程
- 28.3. 设计方向
- 28.4. JS库
- 28.5. CSS相关库
- 28.6. Bootstrap资料
- 28.7. 移动开发框架
- 28.8. Loading动画
- 28.9. 辅助工具

前端工程师手册

Chrome开发者工具的使用

参考资料