前端入门请移步=>前端学习路线
如果你感觉到焦虑，每天都想学点啥，确不知道从何学起 别担心这是正常的，因为我也经历过

每次计划一个小的技术范围逐个击破，例如：我想话3天把webpack再深入一下，2天把git搞搞，学习完后尽量整理一篇技术文章，我说的是尽量哈，毕竟我也没有这么做(狗头。。。)

先申明一下，我个人学习的方式是视频结合书籍或文档的方式，一般我会先看视频过一遍然后再通过书籍或文档复习一边

之所以叫野路子是因为这是我自己学习的方法东拼西凑起来的
为什么说中高级，3年了大哥，还说初级有点不合适吧。。。

正文

一、深入学习JS

• CoderWhy深入Javascript高级语法
• 书籍：《javascript高级程序设计》(第三、四版)
• 书籍：JavaScript 忍者秘籍（第 2 版）
• 书籍：你不知道的 JavaScript（上中下）
  这5本书籍每本看了两遍以上，这就是看完不整理笔记的后果啊，同志们，高程3和4各一遍加起来也算两遍（嘿嘿）
  基本上学习完上面这些，对于JS的面试题至少可以挺直腰杆了哈
  学习一定不要贪快，对一个知识点一定要吃透，如果你不愿意学后写笔记，你至少把学过的口述一边吧
  不然别人问你，你本来知道的，就是说不出来

二、vue相关

如果你对组件封装还有一点欠缺，推荐你去看看一些开源组件库的代码，这些基本都能看得懂，有时间也可跟着封装一下

• 学习Vant组件库源代码，Element也行，我哪会看的是Vant，还实现了一些组件 连接：https://java0088.github.io/sun-ui-client/dist/
• 是时候学习vue3+typescript并用到工作中去了，推荐Why老师的vue3+typescript课程，如果你学习能力好，直接看文档也没问题哈
• 有空开始看看vue的源码，至少知道内部的原理，可以分模块的去学习，响应式原理、模板编译、diff算法等
• 书籍：《深入浅出 Vue.js》 作者: 刘博文
• vuex和vue-router的源码跟着视频学学吧，b站上都有，相信这时候你因该能分辨好坏了吧

三、node相关

具体的步骤确实想不起来了，反正就是哪里不懂学哪里

• 视频走起 Why的node.js课程
• 书籍：《了不起的node.js》《深入浅出node.js》《node.js实战》
• eggjs看文档就行哈，当然视频b上也有
• midway是领导叫用的，硬着头皮学啊，基本上是一边看文档一边写代码的
• koa的源码也可以看看，不是特别难，明白了compose方法的实现原理，你会想原来高大上的东西内部实现也不是特别复杂啊（得瑟一下）

四、数据结构算法相关

我学习数据结构和算法真是历经坎坷啊，大家看看我学习的东西就知道了

• Why老师的数据结构和算法 https://www.bilibili.com/video/BV1x7411L7Q7?spm_id_from=333.337.search-card.all.click
• 书籍：《学习 JavaScript 数据结构与算法》 作者: [巴西] 格罗纳（Loiane Groner）
• 推荐黑马和尚硅谷的视频课程java版
  黑马：https://www.bilibili.com/video/BV1Cz411B7qd?spm_id_from=333.999.0.0
  尚硅谷：https://www.bilibili.com/video/BV1E4411H73v?spm_id_from=333.999.0.0

五、其它

• 书籍：《深入浅出 Webpack》
• 前端微服务也得关注一下哟，像single-spa，qiankun的基本使用
• docker、docker-compose、nginx要会使用
• 我又学了一边React但确实工作上确实没用着

其它链接
前端高级进阶指南
中级前端面试指南