这是一个创建于 562 天前的主题，其中的信息可能已经有所发展或是发生改变。
本身就是半路转行，2021 到 2022 年学了操作系统，把 xv6 的课程做完了。
2022-2023 ，又半路去看了看编译原理，今天刚好把 crafting interpreters ，看完了，也做完作业了，正处于贤者时间。
我学东西大多都凭兴趣去，杂七杂八的，惭愧的是，自己对本职工作反而不是很了解，react ts node 都是半知半解，前端现在好大好乱，完全摸不到头绪，工作中用的都是最简单的技术，好烦啊。
各位有没有什么分享的，或者应该如何深入的学习前端。
2022-2023 ，又半路去看了看编译原理，今天刚好把 crafting interpreters ，看完了，也做完作业了，正处于贤者时间。
我学东西大多都凭兴趣去，杂七杂八的，惭愧的是，自己对本职工作反而不是很了解，react ts node 都是半知半解，前端现在好大好乱，完全摸不到头绪，工作中用的都是最简单的技术，好烦啊。
各位有没有什么分享的，或者应该如何深入的学习前端。
 |
1
fd9xr 2023-05-11 22:20:32 +08:00 via iPhone  2
我不知道你是从哪里开始算的四年前端……
|
 |
2
Finnn 2023-05-11 22:21:53 +08:00
我觉得还是要有一定规模的项目的经验，才能知道大概的常用技术点， 更深入的我倾向阅读 /参与开源框架 /大项目
|
 |
3
wqq096737ink 2023-05-11 22:28:17 +08:00 1
我觉得别把技术看得太重，学一堆乱起八糟的东西并没有什么价值，除非你的目标是技术大牛，否则都是以产品为导向，可以多关注有哪些可以带来收入的小的产品，做做这个更有价值。
|
 |
4
ChefIsAwesome 2023-05-11 22:33:45 +08:00
学习写个轮播。
|
 |
5
potatowish 2023-05-11 22:38:38 +08:00 via iPhone 2
听 3L 的，以赚钱为导向，学了一堆其实没什么用
|
 |
6
nijux 2023-05-11 23:45:32 +08:00 2
1.可以通过 https://roadmap.sh/frontend
结合 ChatGPT 系统学习前端开发的每个知识点 2.想想哪些项目赚钱，打开他们的网站，Chrome 安装 wappalyzer 插件， 可以分析出所网站使用了哪些技术，然后针对性的学习这些技术就行。 打个比方 分析下小红书首页 使用了如下技术 JavaScript 框架 - Vue.js 杂项 - Webpack 50% sure - LottieFiles - HTTP/3 - Module Federation 50% sure Web 服务器 - Nginx - OpenResty JavaScript 库 - core-js 3.30.0 反向代理 - Kong 1.2.1 - Nginx 好奇 LottieFiles 是什么，bilibili 和 YouTube 搜下教程 学习一下 |
 |
7
lostberryzz 2023-05-12 01:00:01 +08:00
你学的这些和前端工作离的太远了，只能算是业余爱好，要么转到后端 infra 岗，可能还有点用武之地。
|
 |
8
kongkx 2023-05-12 07:30:42 +08:00 via iPhone
偏学习的话，把前端主流框架过一遍，把规范文档看一遍，看看不优缺点，看看概念，看看趋势。
想赚钱的话，直接模仿、克隆、研究项目 |
 |
9
duke807 2023-05-12 08:39:21 +08:00 via Android
前端其实 vanilla-js.com 就够用，op 合适学 wasm ，学好不担心被优化
|
 |
10
huangqihong 2023-05-12 08:49:13 +08:00
@nijux 我也用这个插件，很好奇，它是怎么知道页面用了哪些技术，怎么分析的
|
 |
11
dayeye2006199 2023-05-12 08:52:10 +08:00 via Android
顶 wasm ，差异化走这个。
几个金字塔尖的前端应用都是这个路子 |
 |
12
isno 2023-05-12 09:09:48 +08:00
|
 |
13
ZhuWenJian 2023-05-12 09:23:26 +08:00
工作中研究：如何提高开发效率、降低 bug 率、提高性能。
非工作研究：怎么搞副业赚钱。 |
 |
14
flyFatSeal OP @fd9xr 哥，是我没说清楚，我 19 年初就正式开始工作了。
@Finnn 哎，已经做了两年多的中台了，没有啥业务深度，全都是 umi 搭起来的，我的努力可能就只有尽量全部写 ts.... @wqq096737ink 类似独立开发者视角吗，谢谢哥。 @potatowish 嗯嗯，我也不聪明，对一些技术名称也厌倦了。 @nijux 谢谢哥，一个新思路！ @lostberryzz 信了别人的邪，要打牢基础 哈哈哈。 @kongkx 之前有跟风学了一些 react 源码啥的，有点收获后面又放弃了.... @duke807 哈哈哈 我还去搜了一下 vanilla-js ，wasm 老早就知道了，就是感觉应用场景没有怎么接触到，就没下决心去学习。 @dayeye2006199 哥，有哪些具体的应用呢？ @isno star 了 哥，就是感觉离我好远好陌生..... |
 |
15
shanyuhai123 2023-05-12 09:56:59 +08:00
在两年前我也存在这个困惑，已经熟练常规业务的画页面了，由于更倾向于实操，折腾了一堆后端和运维相关的东西，在我的笔记 https://docs.shanyuhai.top 可以看到啥都浅尝了一下。
现在在折腾类似于图编辑器引擎的东西，参考 https://github.com/antvis/X6 ，感觉学到了很多也不乱折腾其他的了，你看了操作系统和编译原理再折腾类似引擎的东西比我有很大优势。 |
 |
16
SmiteChow 2023-05-12 10:05:02 +08:00
前端能有什么技术，撒把米的事：dog:
要想深入选一个技术栈，业务导向，不断重构 |
 |
17
Kobayashi 2023-05-12 10:48:14 +08:00
看个毛线的操作系统和编译原理，翻翻 React ，Vue 源码不香吗？你是用烤箱烤面包的，多研究研究烤箱，研究交流电、直流电原理没有用。
|
|
18
dayeye2006199 2023-05-12 11:06:20 +08:00 via Android
|
 |
19
zhuzhibin 2023-05-12 12:33:40 +08:00 via iPhone
什么都摸一下？什么都不精。
|
 |
20
sakae010 2023-05-12 14:09:01 +08:00
转图形学
|
 |
21
Coding1For 2023-05-12 19:40:27 +08:00
感觉你这路线，像听信了知乎上面的鸡汤学习路线
|
 |
22
winglight2016 2023-05-13 14:06:24 +08:00
不知道学啥，就学学英语吧，至少能少打一些 typo 。以后可以多看英文教程，没有中间商赚差价🐶
|
|
23
flyFatSeal OP @zhuzhibin 现在就是这个情况 就很尴尬
@sakae010 老哥现在在做这方面的工作吗 感觉咋样 @Coding1For 哈哈哈，你的嗅觉太敏锐了，咋说喃还是有用就是没那么明显 @winglight2016 一直又在学英语的 |
|
24
nijux 2023-05-15 13:48:57 +08:00
@huangqihon 我也不清楚，搜一下看到了，这篇文章 https://www.wappalyzer.com/articles/how-to-hide-technologies-from-wappalyzer/
然后读到了 “Wappalyzer 是开源的，它的指纹库是公开可见的” 找到了 github https://github.com/wappalyzer/wappalyzer https://github.com/wappalyzer/wappalyzer/tree/master/src 然后读代码不懂的问 ChatGPT 就行了 |
Select Language