4 年前端，不知道学什么了

[flyFatSeal]

本身就是半路转行，2021 到 2022 年学了操作系统，把 xv6 的课程做完了。
2022-2023 ，又半路去看了看编译原理，今天刚好把 crafting interpreters ，看完了，也做完作业了，正处于贤者时间。
我学东西大多都凭兴趣去，杂七杂八的，惭愧的是，自己对本职工作反而不是很了解，react ts node 都是半知半解，前端现在好大好乱，完全摸不到头绪，工作中用的都是最简单的技术，好烦啊。
各位有没有什么分享的，或者应该如何深入的学习前端。

[fd9xr]

我不知道你是从哪里开始算的四年前端……

[Finnn]

我觉得还是要有一定规模的项目的经验，才能知道大概的常用技术点， 更深入的我倾向阅读 /参与开源框架 /大项目

[wqq096737ink]

我觉得别把技术看得太重，学一堆乱起八糟的东西并没有什么价值，除非你的目标是技术大牛，否则都是以产品为导向，可以多关注有哪些可以带来收入的小的产品，做做这个更有价值。

[ChefIsAwesome]

学习写个轮播。

[potatowish]

听 3L 的，以赚钱为导向，学了一堆其实没什么用

[nijux]

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 搜下教程 学习一下

[lostberryzz]

你学的这些和前端工作离的太远了，只能算是业余爱好，要么转到后端 infra 岗，可能还有点用武之地。

[kongkx]

偏学习的话，把前端主流框架过一遍，把规范文档看一遍，看看不优缺点，看看概念，看看趋势。

想赚钱的话，直接模仿、克隆、研究项目

[duke807]

前端其实 vanilla-js.com 就够用，op 合适学 wasm ，学好不担心被优化

[huangqihong]

@nijux 我也用这个插件，很好奇，它是怎么知道页面用了哪些技术，怎么分析的

[dayeye2006199]

顶 wasm ，差异化走这个。
几个金字塔尖的前端应用都是这个路子

[isno]

当然要升级学架构
https://github.com/isno/theByteBook

[ZhuWenJian]

工作中研究：如何提高开发效率、降低 bug 率、提高性能。
非工作研究：怎么搞副业赚钱。

[flyFatSeal]

@fd9xr 哥，是我没说清楚，我 19 年初就正式开始工作了。
@Finnn 哎，已经做了两年多的中台了，没有啥业务深度，全都是 umi 搭起来的，我的努力可能就只有尽量全部写 ts....
@wqq096737ink 类似独立开发者视角吗，谢谢哥。
@potatowish 嗯嗯，我也不聪明，对一些技术名称也厌倦了。
@nijux 谢谢哥，一个新思路！
@lostberryzz 信了别人的邪，要打牢基础 哈哈哈。
@kongkx 之前有跟风学了一些 react 源码啥的，有点收获后面又放弃了....
@duke807 哈哈哈 我还去搜了一下 vanilla-js ，wasm 老早就知道了，就是感觉应用场景没有怎么接触到，就没下决心去学习。
@dayeye2006199 哥，有哪些具体的应用呢？
@isno star 了 哥，就是感觉离我好远好陌生.....

[shanyuhai123]

在两年前我也存在这个困惑，已经熟练常规业务的画页面了，由于更倾向于实操，折腾了一堆后端和运维相关的东西，在我的笔记 https://docs.shanyuhai.top 可以看到啥都浅尝了一下。
现在在折腾类似于图编辑器引擎的东西，参考 https://github.com/antvis/X6 ，感觉学到了很多也不乱折腾其他的了，你看了操作系统和编译原理再折腾类似引擎的东西比我有很大优势。

[SmiteChow]

前端能有什么技术，撒把米的事：dog:

要想深入选一个技术栈，业务导向，不断重构

[Kobayashi]

看个毛线的操作系统和编译原理，翻翻 React ，Vue 源码不香吗？你是用烤箱烤面包的，多研究研究烤箱，研究交流电、直流电原理没有用。

[dayeye2006199]

@flyFatSeal 典型的应用 figma

前端框架 Blazor

机器学习 Tensoflow.js

[zhuzhibin]

什么都摸一下？什么都不精。

[sakae010]

转图形学