[前端（vue）学习求助] 感觉什么都不会又不知道该从哪学起，望各位不吝赐教。听劝！

[CH122]

背景

双非本，软件工程专业

从接触前端到现在也有近 3 年时间了，公司业务比较简单，基本上都是 crud 业务。

平时学东西没头绪，学一个知识点发现里面又有另一个知识点，然后这样嵌套，学着学着就跑跑偏了，学下去的热情也会减少。

问题

3 年时间现在这个水平深知怕是前端入门都达不到，但不知道从何学起，学些什么，哪些需要深入去学，哪些知识了解即可，现在就像一只无头苍蝇到处乱飞。东一点，西一点，最后好像什么都没有留下。

这就好像是一个恶性循环，在家空闲时间也不再想去学习、钻研，从而开始焦虑、摆烂。

应该重点学习哪些东西？

该怎样去学习？或者说什么样的学习方法更有用？之前学习大都是看课程之类的资源去学习。

总结一下大概就是不知道学什么，不知道怎么去学。

但是觉得自己还算年轻，想再救自己一把，希望各位不吝赐教。

现有优势

1. 时间较为充裕，每天大概有 3 - 4 小时的学习时间，周末大概 7 小时。
2. 有规划时能够长期坚持学习。
3. 对前端学习还有热情。

在这先谢过大伙了。

首先感谢各位的回复，我再补充一些内容

举个例子，当我学习 ssr / 尝试学习写一个 vite 插件，发现又用到了很多 node 知识不会，怀疑是不是我的学习路径有些问题，正确的学习路径应该是怎么样的？

一个新技术一直用确实能够熟练使用，但是只是会使用，关于 vue / js 等现在使用方面基本上没什么问题，尝试过读源码但是好像读起来没什么思路。

我目前掌握的进度大概就是 html / css / js / vue2/3 全家桶基本上都是一个前端开发都会使用的东西。

接下来我应该先去学 node ， 还是尝试去读 vue 等框架源码，还是学习工程化相关知识，关于工程化，配置那么多，怎么才能更好的去实践呢？

[sunorg]

会用不，不会用就先学会用，文档，项目。

会用，项目，源码解析，总结最佳模式，弄明白为什么。

更进一步，各种底子补上，啥码子模式，算法，黑魔法，编译，.....
补一块牛一块。

















早餐吃完了，干活

[bojackhorseman]

把文档过一遍就行了

[jazzg62]

MDN https://developer.mozilla.org/zh-CN/docs/Learn

[jazzg62]

MDN https://developer.mozilla.org/zh-CN/docs/Learn
JavaScript 高级程序设计
然后就是看一些框架的源码，刚开始看的话，可以切换到框架的早期版本来看，去了解作者的思路，思路对了，那代码应该也就看的懂了

[murmur]

js css html 基础都没有学前端的却比较难，先去菜鸟教程这种学基础吧，然后用 gpt 抄其他网站的设计

[murmur]

不建议看非常老的代码，es6 改掉了老 js 很多赤石一样的写法，尤其是在 this 和 闭包这块，用 es6 开始你基本不需要学这堆石了

[xwwsxp]

@murmur 无比赞同，JS 就是一坨翔，典型的缝合怪，尤其是 ES6 之前

[idragonet]

项目实践！项目实践！项目实践！

[qwei]

先明确你是为了干活还是为了面试，前者的话跟着项目做，后者的话刷八股文。

[crocoBaby]

一直用…自然就会了

[lneoi]

确实 一直用, 给自己上有难度的需求

[Duanpei]

我是后端， 我学习 vue 的方式是直接干项目， 哪里不会查哪里

[winmagic]

系统搞一遍文档，让后 hook 什么特殊的用法，搞搞，然后再学学打包工具，插件写写，SSR nuxt. js 也可以

[quibu]

先模仿，再理解

[lingeo]

有 gpt 还学不会建议不学。

[Ma4cus]

三年了，还能有啥不会的，前端就是门槛低，建议转后端😁

[zhhbstudio]

5 年 vue2 ，去年写了一年 react ， 无奈被裁，又来写 vue 了，需要的话可以多交流

[CH122]

@zhhbstudio Q0gyMTAxMDI0 (wx base64)

[Mileszhou]

如果在 沿海城市 可以考虑学习一下 服务端渲染 Nuxt.js,电商项目需要。

[clue]

要学得快嘛, 就是多思考了

除了官方文档, 再就是源码

建议最优先学的是 JS 基础, 基础打好了才能更好阅读源码; 初期可以看犀牛书, 再深一点可以翻 esmascript 标准文档 ( https://262.ecma-international.org/ ), 至少原型、作用域、任务队列什么的搞明白, 看一段代码能确定它的执行过程

其它的嘛, 边用边学吧, 前端领域东西太多了, 系统全面的学性价比不高

如果没目标, 就给自己找一个, 比如做个什么 demo 、重新思考优化重构下自己以前的代码、思考下如果让你重新造个类似 vue 的轮子要怎么实现等等

[wmwmdtt]

从大牛博客里（掘金排名，知乎回答） 挑一些感兴趣的又不怎么懂的技术
先理解透彻，然后动手尝试实现，最后再以博客形式输出（每一步都是自身能力的补足）
这样既能证明自己懂了，还很会，甚至有创新，说不定还能影响帮助到其他人

[ma836323493]

3 年工作经验不该问这种问题吧

[jones2000]

把大学里的课程（高等数学，离散数学， 概率论，编译原理.....)多巩固下。 语言，框架都不重要， 关键是解决问题的思路。

[epiloguess]

可以看看我最近在做的网站，https://npmstats.com/tags/vue ，不过可能帮不到你什么，更适合新手，你已经有很多经验了。

[zhaX]

其实个人感觉需求导向去学习，会更有目标感，更清晰，比如你要做一个插件，你说要用到 node 的东西但是不会，那你就应该去学 node ，而不应该去纠结学习路径，因为你最终的目标是把插件做出来，你弄一半发现不会就停，那这不单单是插件写不完全，很多事情都做不完全，工作也是一边写一边学，而且这种方式效率很高，目标性强，纯粹的学习，尤其技术上的学习，个人觉得 ，如果是冲击大厂可以深研，如果不是的话，要注意广度，前端，后端，服务器，产品，设计，ui ，副业等等。加油。