4 年前端,不知道学什么了 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
请不要在回答技术问题时复制粘贴 AI 生成的内容
flyFatSeal
V2EX    程序员

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

  •  
  •   flyFatSeal 2023-05-11 22:17:30 +08:00 4502 次点击
    这是一个创建于 887 天前的主题,其中的信息可能已经有所发展或是发生改变。
    本身就是半路转行,2021 到 2022 年学了操作系统,把 xv6 的课程做完了。
    2022-2023 ,又半路去看了看编译原理,今天刚好把 crafting interpreters ,看完了,也做完作业了,正处于贤者时间。
    我学东西大多都凭兴趣去,杂七杂八的,惭愧的是,自己对本职工作反而不是很了解,react ts node 都是半知半解,前端现在好大好乱,完全摸不到头绪,工作中用的都是最简单的技术,好烦啊。
    各位有没有什么分享的,或者应该如何深入的学习前端。
    24 条回复    2023-05-15 13:48:57 +08:00
    fd9xr
        1
    fd9xr  
       2023-05-11 22:20:32 +08:00 via iPhone   2
    我不知道你是从哪里开始算的四年前端……
    Finnn
        2
    Finnn  
       2023-05-11 22:21:53 +08:00
    我觉得还是要有一定规模的项目的经验,才能知道大概的常用技术点, 更深入的我倾向阅读 /参与开源框架 /大项目
    wqq096737ink
        3
    wqq096737ink  
       2023-05-11 22:28:17 +08:00   1
    我觉得别把技术看得太重,学一堆乱起八糟的东西并没有什么价值,除非你的目标是技术大牛,否则都是以产品为导向,可以多关注有哪些可以带来收入的小的产品,做做这个更有价值。
    ChefIsAwesome
        4
    ChefIsAwesome  
       2023-05-11 22:33:45 +08:00
    学习写个轮播。
    potatowish
        5
    potatowish  
       2023-05-11 22:38:38 +08:00 via iPhone   2
    听 3L 的,以赚钱为导向,学了一堆其实没什么用
    nijux
        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 搜下教程 学习一下
    lostberryzz
        7
    lostberryzz  
       2023-05-12 01:00:01 +08:00
    你学的这些和前端工作离的太远了,只能算是业余爱好,要么转到后端 infra 岗,可能还有点用武之地。
    kongkx
        8
    kongkx  
       2023-05-12 07:30:42 +08:00 via iPhone
    偏学习的话,把前端主流框架过一遍,把规范文档看一遍,看看不优缺点,看看概念,看看趋势。

    想赚钱的话,直接模仿、克隆、研究项目
    duke807
        9
    duke807  
       2023-05-12 08:39:21 +08:00 via Android
    前端其实 vanilla-js.com 就够用,op 合适学 wasm ,学好不担心被优化
    huangqihong
        10
    huangqihong  
       2023-05-12 08:49:13 +08:00
    @nijux 我也用这个插件,很好奇,它是怎么知道页面用了哪些技术,怎么分析的
    dayeye2006199
        11
    dayeye2006199  
       2023-05-12 08:52:10 +08:00 via Android
    顶 wasm ,差异化走这个。
    几个金字塔尖的前端应用都是这个路子
    isno
        12
    isno  
       2023-05-12 09:09:48 +08:00
    当然要升级学架构
    https://github.com/isno/theByteBook
    ZhuWenJian
        13
    ZhuWenJian  
       2023-05-12 09:23:26 +08:00
    工作中研究:如何提高开发效率、降低 bug 率、提高性能。
    非工作研究:怎么搞副业赚钱。
    flyFatSeal
        14
    flyFatSeal  
    OP
       2023-05-12 09:44:29 +08:00
    @fd9xr 哥,是我没说清楚,我 19 年初就正式开始工作了。
    @Finnn 哎,已经做了两年多的中台了,没有啥业务深度,全都是 umi 搭起来的,我的努力可能就只有尽量全部写 ts....
    @wqq096737ink 类似独立开发者视角吗,谢谢哥。
    @potatowish 嗯嗯,我也不聪明,对一些技术名称也厌倦了。
    @nijux 谢谢哥,一个新思路!
    @lostberryzz 信了别人的邪,要打牢基础 哈哈哈。
    @kongkx 之前有跟风学了一些 react 源码啥的,有点收获后面又放弃了....
    @duke807 哈哈哈 我还去搜了一下 vanilla-js ,wasm 老早就知道了,就是感觉应用场景没有怎么接触到,就没下决心去学习。
    @dayeye2006199 哥,有哪些具体的应用呢?
    @isno star 了 哥,就是感觉离我好远好陌生.....
    shanyuhai123
        15
    shanyuhai123  
       2023-05-12 09:56:59 +08:00
    在两年前我也存在这个困惑,已经熟练常规业务的画页面了,由于更倾向于实操,折腾了一堆后端和运维相关的东西,在我的笔记 https://docs.shanyuhai.top 可以看到啥都浅尝了一下。
    现在在折腾类似于图编辑器引擎的东西,参考 https://github.com/antvis/X6 ,感觉学到了很多也不乱折腾其他的了,你看了操作系统和编译原理再折腾类似引擎的东西比我有很大优势。
    SmiteChow
        16
    SmiteChow  
       2023-05-12 10:05:02 +08:00
    前端能有什么技术,撒把米的事:dog:

    要想深入选一个技术栈,业务导向,不断重构
    Kobayashi
        17
    Kobayashi  
       2023-05-12 10:48:14 +08:00
    看个毛线的操作系统和编译原理,翻翻 React ,Vue 源码不香吗?你是用烤箱烤面包的,多研究研究烤箱,研究交流电、直流电原理没有用。
    dayeye2006199
        18
    dayeye2006199  
       2023-05-12 11:06:20 +08:00 via Android
    @flyFatSeal 典型的应用 figma

    前端框架 Blazor

    机器学习 Tensoflow.js
    zhuzhibin
        19
    zhuzhibin  
       2023-05-12 12:33:40 +08:00 via iPhone
    什么都摸一下?什么都不精。
    sakae010
        20
    sakae010  
       2023-05-12 14:09:01 +08:00
    转图形学
    Coding1For
        21
    Coding1For  
       2023-05-12 19:40:27 +08:00
    感觉你这路线,像听信了知乎上面的鸡汤学习路线
    winglight2016
        22
    winglight2016  
       2023-05-13 14:06:24 +08:00
    不知道学啥,就学学英语吧,至少能少打一些 typo 。以后可以多看英文教程,没有中间商赚差价
    flyFatSeal
        23
    flyFatSeal  
    OP
       2023-05-14 11:02:07 +08:00
    @zhuzhibin 现在就是这个情况 就很尴尬

    @sakae010 老哥现在在做这方面的工作吗 感觉咋样
    @Coding1For 哈哈哈,你的嗅觉太敏锐了,咋说喃还是有用就是没那么明显

    @winglight2016 一直又在学英语的
    nijux
        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 就行了
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     3067 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 26ms UTC 00:27 PVG 08:27 LAX 17:27 JFK 20:27
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86