V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
flyFatSeal
V2EX  ›  程序员

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

  •  
  •   flyFatSeal · 2023-05-11 22:17:30 +08:00 · 3997 次点击
    这是一个创建于 543 天前的主题,其中的信息可能已经有所发展或是发生改变。
    本身就是半路转行,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   ·   实用小工具   ·   3062 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 13:33 · PVG 21:33 · LAX 05:33 · JFK 08:33
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.