【进阶篇】前端学习路线

一、基础知识

1. CSS：
   1. 目标：常见页面布局（flex等）、CSS3 新特性、
   2. 参考书籍：
      1. CSS 世界
      2. 精通 CSS
2. JS
   1. 目标：
      1. JS的原始类型
      2. JS中的引用类型
      3. 迭代器和生成器
      4. 面向对象编程 和 函数式编程
      5. 代理 和 反射 （ Proxy 和 Reflect ）
      6. 函数表达式：闭包、this指针、模块模式、箭头函数等  => 函数式编程
      7. 异步编程
      8. BOM 和 DOM
      9. Canvas
      10. 了解常用事件
      11. 了解常用API
      12. 错误处理：如何处理及处理中的几种方式
      13. 请求数据和资源的方式：XMLHttpRequest 和 Fetch API
      14. 客户端存储
      15. 模块加载方式 
      16. 工作者线程、共享工作者线程及服务工作者线程
      17. 企业级开发过程中进行JS编码的最佳实践
   2. 参考书籍：
      1. JavaScript 高级程序设计（第四版）

---

二、前端框架

1. Vue：
   1. 目标：做过Vue项目、熟练掌握Vue基础知识、掌握Vue周边生态、了解Vue的实现原理及Diff算法、能够封装独立的组件，具有自己的开源项目
   2. 参考书籍：
      1. Vue.js 实战
      2. Vue官方文档
2. React
   1. 目标：浅应用React框架、使用过React完成小型项目，了解React周边，了解ReactDiff算法及Vue的区别
   2. 参考书籍：
      1. React 进阶之路
      2. 深入了解React 技术栈

---

三、前端工程化开发

1. webpack / gulp
   1. 目标：了解webpack，掌握webpack核心配置，能够自主解决构建配置等问题
   2. 参考书籍
      1. webpack官方文档
      2. 深入浅出webpack
2. git
   1. 目标：熟练使用 git 仓库管理自己代码，使用git进行合作开发
   2. 参考书籍：
      1. Git 版本控制管理

---

四、扩展语言

1. TypeScript
   1. 目标：了解 TS 和 JS 的区别、JS的新特性、TS的核心语法、TS编译、TS错误处理、TS开发与测试、TS编码风格，构建小型TS项目
   2. 参考书籍：
      1. TS 中文文档
      2. 深入理解TypeScript
2. Scss / Less
   1. 目标：熟练掌握 Scss / Less 的语法，在项目中应用
   2. 参考书籍：
      1. Scss / Less 官网

---

五、服务端 

1. Node
   1. 目标：了解Node概念，Node模块机制、异步IO、Node中的内存控制、Buffer、Node 中支持的TCP / UDP / HTTP 编程、Node单元测试及性能测试，熟悉Express / Koa
   2. 能够使用Node搭建小型后台
   3. 参考书籍：

1. 1. 1. 深入浅出Node
      2. Node.js 设计模式

---

六、其他

1. 对前端性能优化具有一定的见解
2. 了解一定的web安全相关知识
3. 了解浏览器原理、调试、编译原理、JS解释器等底层原理
4. 了解Echarts、HighChart、百度地图等可视化操作
5. 了解一些算法实现：实现debounce、实现throttle、实现bind、call、apply、实现Promise、二叉树深度等